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

Show THREE.Group() if radio button is checked?

本文关键字：THREE 显示 Group 单选按钮 如果      更新时间：2023-09-26

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

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

如果单选按钮"option1"被选中，则加载"groupA" 

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 );

如果单选按钮"option2"被选中，则加载"groupB" 

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 );

提前非常感谢!

试试这个:将值作为option1和option2分别放到各自的单选按钮中，并在click处理程序中检查值以加载各自的组

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
        }
    });
 });
相关文章：