我有一组复选框按钮,如果我点击并选中一个,我希望其他复选框被设置为禁用。此外,如果我点击相同,并取消选中我希望所有人都启用。我的逻辑工作,如果我检查复选框,但如果我再次点击所有这些都被禁用。这里是我的代码:如果复选框选中禁用其他,如果未选中启用所有JavaScript?
<tr><td><input type="checkbox" name="progress" id="progress1" value="1" tabIndex="1" onClick="ckChange(this)">Test 1</td></tr>
<tr><td><input type="checkbox" name="progress" id="progress2" value="1" tabIndex="1" onClick="ckChange(this)">Test 2</td></tr>
<tr><td><input type="checkbox" name="progress" id="progress3" value="1" tabIndex="1" onClick="ckChange(this)">Test 3</td></tr>
<tr><td><input type="checkbox" name="progress" id="progress4" value="1" tabIndex="1" onClick="ckChange(this)">Test 4</td></tr>
function ckChange(ckType){
var ckName = document.getElementsByName(ckType.name);
for(var i=0; i < ckName.length; i++){
if(!ckName[i].checked){
ckName[i].disabled = true;
}else{
ckName[i].disabled = false;
}
}
}
当我检查复选框时,我当前的代码未能将disable属性设置为true和false。如果您看到我的代码中存在问题,请告诉我。 我试图让这个功能适用于任何一组复选框。如果你看到任何改善这种情况的方法,我希望听到。
有你的arent使用单选按钮的具体原因具有明确的功能? – indubitablee
愚蠢的问题。你可以使用单选按钮吗?如果他们具有相同的名称属性,则不能选择多于1个 –
我必须使用复选框元素,问题可能很愚蠢,但我试图在可能的情况下使其工作。 –