我一直在這個工作了幾天,我還沒有弄明白。我有一個HTML頁面,它有兩組輸入,每一組都包含一個單選按鈕和一些文本。我需要:vbscript禁用/啓用html輸入
- 所有的文字輸入被禁用時,頁面加載
- 單選按鈕#1,以啓用它的文字輸入和禁用單選按鈕#文本輸入2
- 單選按鈕#2以使它的文本輸入並禁止對單選按鈕#1
在這裏,文本輸入的一些示例代碼:
<html>
<script type="text/vbscript">
<!--<![CDATA[
function enable()
if document.GetElementByID("radio1").checked then
document.GetElementByID("radio2").checked = false
document.GetElementByID("text1").disabled = false
document.GetElementByID("text2").disabled = true
elseif document.GetElementByID("radio2").checked then
document.GetElementByID("radio1").checked = false
document.GetElementByID("text1").disabled = true
document.GetElementByID("text2").disabled = false
else
document.GetElementByID("text1").disabled = true
document.GetElementByID("text2").disabled = true
end if
end function
-->]]>
</script>
<body onload="enable()">
<table border=1>
<tr>
<td>
<input type="radio" id="radio1" name="radio1" value="radio1" onclick="enable()">
<label for="radio1" >
Radio 1
</label>
</td>
<td>
<input type="text" id="text1" name="text1" value="hi">
</td>
</tr>
<tr>
<td>
<input type="radio" id="radio2" name="radio2" value="radio2" onclick="enable()">
<label for="radio2" >
Radio 2
</label>
</td>
<td>
<input type="text" id="text2" name="text2" value="bye">
</td>
</tr>
</table>
</body>
</html>
看起來我可以部分工作,但不是全部。事實上,這將最終以HTA形式出現。
編輯:
由於雙方@kingdomcreation和@Teemu,我現在有單選按鈕任意數量的這種工作的解決方案:
<html>
<script type="text/vbscript">
<!--<![CDATA[
function enable(num)
document.getElementById("text" & num).disabled = false
for i = 1 to 6
if document.getElementById("radio" & i).checked = false Then
document.getElementById("text" & i).disabled = true
end if
next
end function
-->]]>
</script>
<body>
<table border=1>
<tr>
<td>
<input type="radio" id="radio1" name="radio" value="radio1" onClick="enable(1)">
<label for="radio1" >
Radio 1
</label>
</td>
<td>
<input disabled type="text" id="text1" name="text1" value="hi">
</td>
</tr>
<tr>
<td>
<input type="radio" id="radio2" name="radio" value="radio2" onClick="enable(2)">
<label for="radio2" >
Radio 2
</label>
</td>
<td>
<input disabled type="text" id="text2" name="text2" value="there">
</td>
</tr>
<tr>
<td>
<input type="radio" id="radio3" name="radio" value="radio3" onClick="enable(3)">
<label for="radio3" >
Radio 3
</label>
</td>
<td>
<input disabled type="text" id="text3" name="text3" value="how">
</td>
</tr>
<tr>
<td>
<input type="radio" id="radio4" name="radio" value="radio4" onClick="enable(4)">
<label for="radio4" >
Radio 4
</label>
</td>
<td>
<input disabled type="text" id="text4" name="text4" value="are">
</td>
</tr>
<tr>
<td>
<input type="radio" id="radio5" name="radio" value="radio5" onClick="enable(5)">
<label for="radio5" >
Radio 5
</label>
</td>
<td>
<input disabled type="text" id="text5" name="text5" value="you">
</td>
</tr>
<tr>
<td>
<input type="radio" id="radio6" name="radio" value="radio6" onClick="enable(6)">
<label for="radio6" >
Radio 6
</label>
</td>
<td>
<input disabled type="text" id="text6" name="text6" value="bye">
</td>
</tr>
</table>
</body>
</html>
這個人很有希望。謝謝。我沒有意識到兩個按鈕的'name'屬性必須相同。 – meffordm 2013-03-06 14:09:03