checkbox勾选后禁用其他html组建

表单元素状态控制

最新推荐文章于 2022-12-14 09:53:12 发布

原创最新推荐文章于 2022-12-14 09:53:12 发布 · 283 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML

web 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种通过 JavaScript 控制 HTML 表单元素状态的方法，利用 checkbox 的点击事件来控制 input 元素的启用或禁用状态，并清空其内容。

<input type='checkbox' name='checkbox1' value='7' onclick="account.disabled=!this.checked">
<input name='account' value='' size='6' disabled=true>

或则

<input type='checkbox' name='checkbox1' value='7' onclick="account.disabled=!this.checked;if (!this.checked) account.value=''">
<input name='account' value='' size='6' disabled=true>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_7331

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

关于checkbox多选项勾选的同时，根据已勾选的选项，去更新其他字段的可选项和禁用项

qq_36093530的博客

10-09

953

关于checkbox多选项勾选的同时，根据已勾选的选项，去更新其他字段的可选项和禁用项

RecyclerView中使用CheckBox出现勾选混乱的解决方法

08-28

Android开发中，RecyclerView是一个非常常用的控件，但是当我们在RecyclerView中使用CheckBox时，往往会出现勾选混乱的现象，即勾选当前页面的几个CheckBox时，下面还有其他的CheckBox也被勾选了。这是因为...

参与评论您还未登录，请先登录后发表或查看评论

jq判断checkbox选中之后，其他的checkbox禁用问题。

weixin_41804506的博客

10-30

2435

今天，在项目中遇到了，input的复选框问题，要求选3个后，不能在选。以下是demo： <form action="" method="POST" enctype="multipart/form-data"> <label>兴趣爱好：</label><br> <input ty

Checkbox 实现限选N个后其它禁用效果

luzhuxi的专栏

03-10

1071

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">Checkbox 实现限选N个后其它禁用效果function Count_selected(){ n=0;//开始检测已选中的CheckBox数量 for (i=1;i obj=document.getElement

android checkbox选中一个后其他不可编辑,怎么在html中怎么把一个checkbox变成不能选,就是把checkbox禁用...

weixin_36397104的博客

05-27

821

你说的是禁用属性disabled，控制这个是用javascript控制checkbox的disabled属性。CSS只是修改外观TESTfunction disableCheckBox(checkboxid,option){var checker=document.getElementById(checkboxid);var checkerbox=checker.parentNode;if(opt...

复选框，当选中一个时其他为禁选

Mr.H_小海

11-04

1578

<li class="family" id="family"> <p >家庭情况：</p> <span><input type="checkbox" name="family" value="独生子女" onclick="Ck(this);" id="oneChild">独生子女</...

layui复选框勾选禁用另外的复选框

tatetianos的博客

11-13

1306

<div class="tab-pane fade" id="test"><br> <div class="radiocheck" id="son"> <input type="checkbox" lay-skin="primary" lay-filter="lock" id="r_week" name="w" value="all" cla...

checkbox勾选判断代码分析

09-04

在这个改进后的版本中，我们首先检查`xieYi`是否为`null`，确保复选框在DOM中存在。如果存在，再检查`checked`属性，若未被勾选，则弹出警告。这里有一个小错误，最初的改进版本的条件语句`!xieYi == null`是错误...

jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法

10-21

例如，在数据加载成功后，我们可以通过遍历数据行，对满足特定条件的行进行操作，比如勾选并禁用checkbox。具体实现步骤如下： 1. 首先，需要在HTML中引入jQuery和EasyUI的JS及CSS文件，确保EasyUI能够正常加载和...

HTML checkbox 点击说明文字即可选择/取消勾选状态

09-28

`<label>`元素与复选框（或其他表单控件）关联后，用户点击`<label>`内任何部分都会使关联的表单控件获得焦点，甚至触发复选框的选中状态切换。描述中提到的方法就是利用`<label>`的这一特性来简化用户的操作。...

List control CheckBox禁用某些项示例

10-09

看到有些朋友在问怎样禁用ListView control中的某些项的CheckBox（禁用部分，不禁用全部）。所以传上来，希望有用。还像以前说的那句话，我的资源永远不收积分。

html checkbox隐藏,html中点击 checkbox (radio也可以) 隐藏tr 或展现tr

weixin_36090065的博客

06-03

638

总结一下 html中的隐藏tr的 javascript 方法-----------------------源码 -----------------------------------点击checkbox 隐藏展现某行function changeOracle(){document.getElementById("oracle1").style.display = (document.getEl...

html设置多选框禁止选中，默认选中

m0_57329969的博客

12-14

1403

html设置多选框禁止选中，默认选中

html复选框控制元素禁用,如何勾选复选框时禁用HTML必需属性？

weixin_39731586的博客

06-10

208

你的问题的工作示例：HTML：Same as account name fname lname age address city 的Javascript：$(document).ready(function(){var checkbox = $('#cb_ship');checkboxStat(checkbox);});$('#cb_ship').click(function(){che...

el-checkbox选中一个之后其他禁止选用

weixin_46359814的博客

12-01

1907

效果图： <el-checkbox-group v-model="checkedColumns" :max="1" @change="handleCheckedColumnsChange"> <el-checkbox v-for="(item,index) in columns" :label="item" :key="index" style="display: block; padding-top: 10px;" > {{item.t

html复选框控制元素禁用,怎么在html中怎么把一个checkbox变成不能选,就是把checkbox禁用...

weixin_29069131的博客

06-03

1205

春华秋衣你说的是禁用属性disabled，控制这个是用javascript控制checkbox的disabled属性。CSS只是修改外观TESTfunction disableCheckBox(checkboxid,option){var checker=document.getElementById(checkboxid);var checkerbox=checker.parentNode;if...

html设置多个checkbox禁用

zhiyikeji的博客

02-13

5182

话不多说直接看例子： <body> <input type="checkbox" id="check" name="scales">2 <input type="checkbox" id="check" name="scales">3 <input type=&quot

el-checkbox勾选后禁用

11-25

如果需要在勾选后禁用，可以在v-model绑定的变量isSkip为true时添加disabled属性。例如： ```html <el-checkbox v-model="isSkip" true-label="Y" false-label="N" :disabled="isSkip">跳过条件</el-checkbox> ``` ...