87,997
社区成员
发帖
与我相关
我的任务
分享如何使用checkbox控制表单中其它元素的disabled属性？
就是在一个提交表单中，checked，其它的文本框中内容可以修改，否则，disabled除checkbox的所有文本、备注框，能给一段代码吗，谢谢！
...全文
请发表友善的回复…
发表回复
yjgx007 2003-12-14
- 打赏
- 举报
<form name="form1">
<input name="chk" type="checkbox" onclick="setTxt(this)">
<input type="text">
<input type="text">
<textarea size=6></textarea>
</form>
<script language="JScript">
function setTxt(oChk){
var length = form1.elements.length;
while ( length-- )
{
if ( form1.elements(length).type.toUpperCase() != "CHECKBOX" )
{
if ( oChk.checked )
form1.elements(length).disabled = true;
else
form1.elements(length).disabled = false;
}
}
}
</script>
<input name="chk" type="checkbox" onclick="setTxt(this)">
<input type="text">
<input type="text">
<textarea size=6></textarea>
</form>
<script language="JScript">
function setTxt(oChk){
var length = form1.elements.length;
while ( length-- )
{
if ( form1.elements(length).type.toUpperCase() != "CHECKBOX" )
{
if ( oChk.checked )
form1.elements(length).disabled = true;
else
form1.elements(length).disabled = false;
}
}
}
</script>
zhongmao 2003-12-14
- 打赏
- 举报
<script language="JavaScript">
<!--
function doDisabled()
{
chkbox = document.getElementById("chkBox");
if(chkbox.checked)
{
document.all.text1.disabled = true;
document.all.textarea1.disabled = true;
document.all.radio1.disabled = true;
}
else
{
document.all.text1.disabled = false;
document.all.textarea1.disabled = false;
document.all.radio1.disabled = false;
}
}
//-->
</script>
<body onload="doDisabled()">
<form method=post action="" name="form1">
<input type="text" id="text1"><br>
<textarea id="textarea1"></textarea><br>
<input type="radio" name="radio1" id="radio1"><br>
<input type="checkbox" name="chkBox" id="chkBox" checked onclick="doDisabled()">
</form>
</body>
<!--
function doDisabled()
{
chkbox = document.getElementById("chkBox");
if(chkbox.checked)
{
document.all.text1.disabled = true;
document.all.textarea1.disabled = true;
document.all.radio1.disabled = true;
}
else
{
document.all.text1.disabled = false;
document.all.textarea1.disabled = false;
document.all.radio1.disabled = false;
}
}
//-->
</script>
<body onload="doDisabled()">
<form method=post action="" name="form1">
<input type="text" id="text1"><br>
<textarea id="textarea1"></textarea><br>
<input type="radio" name="radio1" id="radio1"><br>
<input type="checkbox" name="chkBox" id="chkBox" checked onclick="doDisabled()">
</form>
</body>
心云意水 2003-12-14
- 打赏
- 举报
<input type=checkbox onclick="ys.disabled=!ys.disabled;eyun.readOnly=!eyun.readOnly"><input id=ys value=disable><input id=eyun value=readonly>
yanboneck 2003-12-14
- 打赏
- 举报
拜托，给个小例子，我加以应用
shoopman 2003-12-14
- 打赏
- 举报
首先检查checkbox的checked是否为true,然后用个循环历遍整个表单，判断表单域是否为那checked，如果否则设置其disabled = true
