Question

嗨，我正试图操纵一个复选框。如果选中此复选框，则会禁用其余复选框。到目前为止我的工作。除非您取消选中它。复选框仍处于禁用状态。我正在寻找一种方法可能取消选中残疾假。

 <input name="Package" type="checkbox" id="Package" on   onClick="document.getElementById('Gala').checked = this.checked; document.getElementById('Gala').disabled=true; " value="1" maxlength="1" <?=($fullPackageYes)?> />

Answer 1

 <input name="Package" onclick="disable_checkboxes(this)" type="checkbox" id="Package" value="1" maxlength="1" <?=($fullPackageYes)?> />

<script>
function disable_checkboxes(ele){

    if(ele.checked == 'checked'){
        document.getElementById('Gala').checked = 'checked'; 
        document.getElementById('Gala').disabled='disabled';
    }else {
        document.getElementById('Gala').checked = ''; 
        document.getElementById('Gala').disabled='';   
    }
 }
 </script>

显然你的问题是由@david解决的，不过我强烈建议你把它换成更像上面代码的东西，内联javascript根本不是很好的练习。

Answer 2

现场演示：JSFIDDLE

<input id="package" name="Package" type="checkbox" id="Package" value="1" maxlength="1" <?=($fullPackageYes)?> checked />

<input type="checkbox" id="Gala" value="1" maxlength="1"/> Gala

<script>
var Gala = document.getElementById('Gala');

document.getElementById('package').onclick=function(){
    Gala.disabled = this.checked ? "" : "disabled";
    Gala.checked = this.checked ? Gala.checked : "";
}
</script>

Onclick文档元素永久禁用？

2 个答案: