我有一組複選框按鈕,如果我點擊並選中一個,我希望其他複選框被設置爲禁用。此外,如果我點擊相同,並取消選中我希望所有人都啓用。我的邏輯工作,如果我檢查複選框,但如果我再次點擊所有這些都被禁用。這裏是我的代碼:如果複選框選中禁用其他,如果未選中啓用所有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個 –
我必須使用複選框元素,問題可能很愚蠢,但我試圖在可能的情況下使其工作。 –