社区
JavaScript
帖子详情
如何使用checkbox控制表单中其它元素的disabled属性?
yanboneck
2003-12-14 02:38:46
就是在一个提交表单中,checked,其它的文本框中内容可以修改,否则,disabled除checkbox的所有文本、备注框,能给一段代码吗,谢谢!
...全文
149
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
使用
对比
在HTML
中
,`readonly`和`
dis
ab
led
`是两个非常重要的
表单
元素
属性
,它们用于限制用户对
表单
输入的交互方式。这两个
属性
虽然在目的上相似,但它们的应用场景、操作行为以及在
表单
提交时的行为却有着明显的区别。 首先...
使用
jQuery设置
dis
ab
led
属性
与移除
dis
ab
led
属性
在网页开发
中
,
表单
元素
的交互性是关键部分,其
中
`readonly`和`
dis
ab
led
`两个
属性
用于
控制
用户对
表单
元素
的编辑权限。本文主要探讨如何
使用
jQuery来设置和移除`
dis
ab
led
`
属性
,同时对比`readonly`和`
dis
ab
led
`的区别...
vue 实现input
表单
元素
的
dis
ab
led
示例
本文主要介绍了如何在Vue.js框架
中
实现input
表单
元素
的
dis
ab
led
属性
,特别是针对
checkbox
的禁用。在这篇文章
中
,作者首先分享了在Vue项目
中
实现这一功能的需求背景和解决思路,并提供了一个具体的示例代码。文章的...
Readonly和
Dis
ab
led
的区别
与Readonly不同,
Dis
ab
led
属性
可以用于所有的
表单
元素
,包括input、textarea、select、radio、
checkbox
以及按钮等。当
元素
被设置为
Dis
ab
led
时,它不仅禁止用户输入或选择,而且
元素
在
表单
提交过程
中
不会将其值发送到...
设置
dis
ab
led
属性
后台读不到数据如何让select支持readonly
在HTML
表单
中
,`
dis
ab
led
`
属性
用于禁用
表单
元素
,使得用户无法与之交互。然而,一个常见的问题是,当`
dis
ab
led
`
属性
被设置在`<select>`
元素
上时,后台程序在提交
表单
时可能无法获取到选
中
的选项值。这是因为`...
JavaScript
87,997
社区成员
224,709
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章