选中复选框时的功能和未选中的其他功能?

时间:2015-10-31 00:46:53

标签: javascript jquery three.js

如果选中ID m1 的单选按钮,我的网格将更新位置。

如果"#m1"我试图达到网格将回到原来的位置。不再检查。

如果选中则需要触发功能吗?如果没有选中则需要使用其他功能吗?

<input id="m1" type="radio" name="radio" value="">
<input id="mx" type="radio" name="radio" value="">


var geometry = new THREE.BoxGeometry( 1, 0.05, 1 );
var mesh    = new THREE.Mesh( geometry);
mesh.position.set( 0, 0.012, 0 );
mesh.scale.set( 1, 1, 2 );
mesh.add( plane );


$('#m1').change(function() {
    if(this.checked) {
   var tween = new TWEEN.Tween(mesh.position).to({ x: 0, y: 0.112, z:0 }, 2000).start();
   tween.easing(TWEEN.Easing.Cubic.In);
   tween.yoyo(true);
 }
});

2 个答案:

答案 0 :(得分:2)

的jQuery

$('#m1').on("change", function() {
    if($(this).prop("checked") == true) {
        var tween = new TWEEN.Tween(mesh.position).to({ x: 0, y: 0.112, z:0 }, 2000).start();
        tween.easing(TWEEN.Easing.Cubic.In);
        tween.yoyo(true);
    } else {
        // do another stuff
    }
});

答案 1 :(得分:0)

尝试使用addEventListener()。这是我第一次想到的。也许有更好的解决方案,但我会这样做有用。

我的想法:

 myCheckbox.addEventListener("change", check);
 function check(){
     if(document.getElementById("myCheck").checked == true){
          this code;
     } else {
          this code;
     }
 }

你也可以在复选框的onChange属性的html中包含这个函数。