Показать ТРИ.Группа(), если установлен переключатель?

Question

Что я хочу сделать, это показать группу, если установлен определенный переключатель. Как я могу это достичь?

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

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

Load "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 
     } 
    }); 
});