checkbox勾选后禁用其他html组建

最新推荐文章于 2021-12-01 11:58:07 发布
最新推荐文章于 2021-12-01 11:58:07 发布
阅读量236 收藏
点赞数
分类专栏： web 文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_7331/article/details/82008187
版权 
<input type='checkbox' name='checkbox1' value='7' οnclick="account.disabled=!this.checked">
<input name='account' value='' size='6' disabled=true>

 或则

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

 

 

iteye_7331
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
复选框，当选中一个时其他为禁选
Mr.H_小海
11-04 1348
<li class="family" id="family"> <p >家庭情况：</p> <span><input type="checkbox" name="family" value="独生子女" onclick="Ck(this);" id="oneChild">独生子女</...
Checkbox 实现限选N个后其它禁用效果
luzhuxi的专栏
03-10 984
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
jq判断checkbox选中之后，其他的checkbox禁用问题。
weixin_41804506的博客
10-30 2341
今天，在项目中遇到了，input的复选框问题，要求选3个后，不能在选。以下是demo： &lt;form action="" method="POST" enctype="multipart/form-data"&gt; &lt;label&gt;兴趣爱好：&lt;/label&gt;&lt;br&gt; &lt;input ty
android checkbox选中一个后其他不可编辑,怎么在html中怎么把一个checkbox变成不能选,就是把checkbox禁用...
weixin_36397104的博客
05-27 737
你说的是禁用属性disabled，控制这个是用javascript控制checkbox的disabled属性。CSS只是修改外观TESTfunction disableCheckBox(checkboxid,option){var checker=document.getElementById(checkboxid);var checkerbox=checker.parentNode;if(opt...
layui复选框勾选禁用另外的复选框
tatetianos的博客
11-13 1219
<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
我们在做项目的时候，特别是注册用户的时候，基本上都需要有注册协议之类的东西，那么我们如何判断用户是否勾选了同意了此协议呢？
HTML checkbox 点击说明文字即可选择/取消勾选状态
09-28
由于checkbox比较小用户操作起来不是很方便，下面就为大家实现下让用户点击说明文字时即可实现 选择/勾选 checkbox，感兴趣的朋友可以参考下
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
10-21
主要介绍了jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法,涉及jQuery插件EasyUI相关属性设置技巧,需要的朋友可以参考下
DevExpress实现禁用TreeListNode CheckBox的方法
09-04
在本文中，我们将深入探讨如何禁用TreeListNode的CheckBox，这在某些场景下是必要的，例如根据特定条件阻止用户选择某些树形结构的节点。 DevExpress的TreeList控件是一个强大的数据呈现组件，它允许用户以树形结构...
RecyclerView中使用CheckBox出现勾选混乱的解决方法
08-28
Android开发中，RecyclerView是一个非常常用的控件，但是当我们在RecyclerView中使用CheckBox时，往往会出现勾选混乱的现象，即勾选当前页面的几个CheckBox时，下面还有其他的CheckBox也被勾选了。这是因为...
List control CheckBox禁用某些项示例
10-09
看到有些朋友在问怎样禁用ListView control中的某些项的CheckBox（禁用部分，不禁用全部）。所以传上来，希望有用。 还像以前说的那句话，我的资源永远不收积分。
html checkbox隐藏,html中点击 checkbox (radio也可以) 隐藏tr 或 展现tr
weixin_36090065的博客
06-03 561
总结一下 html中的隐藏tr的 javascript 方法-----------------------源码 -----------------------------------点击checkbox 隐藏 展现 某行function changeOracle(){document.getElementById("oracle1").style.display = (document.getEl...
html复选框控制元素禁用,如何勾选复选框时禁用HTML必需属性？
weixin_39731586的博客
06-10 152
你的问题的工作示例：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 1697
效果图： <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设置多个checkbox禁用
zhiyikeji的博客
02-13 4975
话不多说直接看例子： &lt;body&gt; &lt;input type="checkbox" id="check" name="scales"&gt;2 &lt;input type="checkbox" id="check" name="scales"&gt;3 &lt;input type=&quot
选择一个CheckBox另外一个CheckBox禁用
技术就是个纸老虎---为之，则难者亦易矣；不为，则易者亦难矣。
08-27 4375
<br /><%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
勾选CHECKBOX之后改变其他控件状态
AngleKill的专栏
03-17 1180
<br />        /// <summary><br />         /// CheckBox押下時<br />         /// </summary><br />         /// <param name="sender">送信するオブジェクト</param><br />         /// <param name="e">イベントパラメータ</param><br />         protected void RowApprovalCheckBox_OnChe
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> ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值