如果选中单选按钮，则显示THREE.Group()？

Question

如果选中了某个单选按钮，我想要做的是显示一个组。我怎样才能做到这一点？

 <input id="option1" type="radio" name="options" value="" checked="checked"/>
 <input id="option2" type="radio" name="options" value="" />   

加载"groupA“如果选中单选按钮"option1”，则为。

var groupA = new THREE.Group();

  // Basis
   loader.load('/models/model1.js', function(geometry){
       var mesh = new THREE.Mesh(geometry, material);
       loadJson(mesh);
   });
    function loadJson(mesh){
        groupA.add(mesh);
    }


  // Basis
   loader.load('/models/model2.js', function(geometry){
       var mesh = new THREE.Mesh(geometry, material);
       loadJson(mesh);
   });
    function loadJson(mesh){
        groupA.add(mesh);
    }

scene.add( groupA );

加载"groupB“如果选中单选按钮"option2”，则为。

var groupB = new THREE.Group();

  // Basis
   loader.load('/models/model1.js', function(geometry){
       var mesh = new THREE.Mesh(geometry, material);
       loadJson(mesh);
   });
    function loadJson(mesh){
        group.add(mesh);
    }


  // Basis
   loader.load('/models/model2.js', function(geometry){
       var mesh = new THREE.Mesh(geometry, material);
       loadJson(mesh);
   });
    function loadJson(mesh){
        groupB.add(mesh);
    }

scene.add( groupB );

非常感谢您提前！

Answer 1

尝试如下:将值作为option1和option2放在各自的单选按钮中，并在单击处理程序中检查值以加载相应的组。

HTML：

<input id="option1" type="radio" name="options" value="option1" checked="checked"/>
<input id="option2" type="radio" name="options" value="option2" />

jQuery：

$(function(){
    //load group for already selected radio button
    var checkedRadioVal = $('input[name="options"]:checked').val();
    if(checkedRadioVal == "option1")
    {
        //call code to load group A
    }
    else  if(checkedRadioVal == "option2")
    {
       //call code to load group B
    }

    //click handler for radio button
    $('input[name="options"]').click(function(){
        var value = $(this).val();
        if(value == "option1")
        {
          //call code to load group A
        }
        else  if(value == "option2")
        {
          //call code to load group B
        }
    });
 });