社区
JavaScript
帖子详情
如何使用checkbox控制表单中其它元素的disabled属性?
yanboneck
2003-12-14 02:38:46
就是在一个提交表单中,checked,其它的文本框中内容可以修改,否则,disabled除checkbox的所有文本、备注框,能给一段代码吗,谢谢!
...全文
150
5
打赏
收藏
如何使用checkbox控制表单中其它元素的disabled属性?
就是在一个提交表单中,checked,其它的文本框中内容可以修改,否则,disabled除checkbox的所有文本、备注框,能给一段代码吗,谢谢!
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
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>
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>
心云意水
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
表单
元素
属性
readonly和
dis
ab
led
使用
对比
表单
元素
属性
readonly和
dis
ab
led
在适应范围、操作、
表单
提交等等方面都有所不同,至于有哪些不同,感兴趣的朋友可以了解下本
使用
jQuery设置
dis
ab
led
属性
与移除
dis
ab
led
属性
表单
中
readOnly和
dis
ab
led
的区别: Readonly只针对input(text/ password)和textarea有效,而
dis
ab
led
对于所有的
表单
元素
都有效,包括select,radio,
checkbox
, button等。 但是
表单
元素
在
使用
了
dis
ab
led
后,当我们将
表单
以POST或GET的方式提交的话,这个
元素
的值不会被传递出去,而readonly会将该值传递出去(这种情况出现在我们将某个
表单
中
的textarea
元素
设置为
dis
ab
led
或readonly,但是submitbutton却是可以
使用
的)。 js操作: 代码如下: function
dis
ab
l
vue 实现input
表单
元素
的
dis
ab
led
示例
今天小编就为大家分享一篇vue 实现input
表单
元素
的
dis
ab
led
示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
Readonly和
Dis
ab
led
的区别
Readonly和
Dis
ab
led
是用在
表单
中
的两个
属性
,它们都能够做到
使用
户不能够更改
表单
域
中
的内容。但是它们之间有着微小的差别,我在实践
中
得到了一些规律
设置
dis
ab
led
属性
后台读不到数据如何让select支持readonly
设置了
dis
ab
led
属性
后,后台读取不到数据,让select支持readonly
属性
,可以设置
dis
ab
led
属性
,并把
表单
值存入hidden隐藏域
中
,也可以
使用
jquery
控制
。示例如下,需要的朋友不要错过
JavaScript
87,997
社区成员
224,709
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章