使用javascript啟用和禁用復選框
[英]Enabling and disabling checkboxes with javascript
問題描述
我一直試圖找出問題的解決方案幾個小時了。 我仍然是Javascript的新手，所以如果我聽起來很愚蠢，請原諒我。 可悲的是，我不知道jQuery，我開始認為它阻止我提出一個解決方案。
我想要做的是有一個復選框，啟用禁用單選按鈕。 如果這是有道理的。
例：
- 選擇1
- 子選擇
- 子選擇
- 子選擇
我希望能夠單擊第一個復選框（選項1）以啟用子選項。 如果未單擊，則應禁用子選項。 :-)
這是我到目前為止所得到的：
<script>
function enableRadios(x) {
var formElement = eval("checkbox" + x)
if (formElement[0].disabled) {
formElement[0].disabled = false
formElement[1].disabled = false
} else {
formElement[0].disabled = true
formElement[1].disabled = true
}
}</script>
<body><input type="checkbox" name="main" value="main" onClick="enableRadios(x)">
<input disabled type="radio" value="1" name="x">
<input disabled type="radio" value="2" name="x">
<input disabled type="radio" value="3" name="x">
<input disabled type="radio" value="4" name="x">
<input disabled type="radio" value="5" name="x">
<input disabled type="radio" value="6" name="x"></body>
我真的很感謝你的幫助！
1 個解決方案
解決方案1
2 2013-04-23 07:41:35
你需要傳遞一個包含無線電名稱'x'的字符串，而不是傳遞變量x ：
<script>
function toggleRadios(name) {
var elems = document.getElementsByName(name);
for(i=0; i<elems.length; i++) {
elems[i].disabled = !elems[i].disabled;
}
}
</script>
<input type="checkbox" name="main" value="main" onclick="toggleRadios('x')">
<input disabled type="radio" value="1" name="x">
<input disabled type="radio" value="2" name="x">
<input disabled type="radio" value="3" name="x">
<input disabled type="radio" value="4" name="x">
<input disabled type="radio" value="5" name="x">
<input disabled type="radio" value="6" name="x">
使用jQuery啟用和禁用復選框
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.