Onclick文档元素永久禁用

Onclick document element disabled permanently?

本文关键字：文档 元素 Onclick      更新时间：2023-09-26

嗨，我正在尝试操作一个复选框。如果选中此复选框，则禁用其他复选框。到目前为止我所拥有的都是有效的。除非你取消勾选。复选框仍然被禁用。我正在寻找一种方法来取消选中禁用的false。

 <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)?> />

 <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不是很好的实践。

现场演示: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>
相关文章：