checkbox 属性被选中和不被选中，来控制input输入框能否被输入。

最新推荐文章于 2021-07-07 11:22:07 发布
最新推荐文章于 2021-07-07 11:22:07 发布
阅读量780 收藏 3
点赞数
分类专栏： CSS javaScript 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JACKASDFGHJKL/article/details/84164058
版权

<BODY> 
<input id="checkid" οnclick="csan()" type="checkbox" name="kjLevel"/> 其他<input type="text" id="qitaName" style="border:0;background:transparent;" name="qitaName" type="text" readOnly="true">
 </BODY>

 

<script>
function csan(){
  var id2=document.getElementById("checkid");
//  alert(id2.checked);
  if(id2.checked){
     document.getElementById("qitaName").style.border="1px solid #000000";
     document.getElementById("qitaName").readOnly=false;
 }else{
  document.getElementById("qitaName").style.border="0px solid #000000";
  document.getElementById("qitaName").value="";
     document.getElementById("qitaName").readOnly=true;
 }
 }
</script>

 

 

 

 

 

 

 

 

 

 

方法2、

 

<script type="text/javascript">
function csan(){
  var id2=document.getElementById("checkid");
  if(id2.checked){
     document.getElementById("qitaName").style.border="1px solid #000000";
     document.getElementById("qitaName").readOnly=false;
 }else{
  document.getElementById("qitaName").style.border="0px solid #000000";
//  document.getElementById("qitaName").value="";
     document.getElementById("qitaName").readOnly=true;
 }
 }
</script>

JACKASDFGHJKL
关注
专栏目录
HTML中input输入框（详解输入框的用法）
百赢出品，必属精品
04-30 1万+
input>元素是HTML表单中最常见的元素之一，用于收集用户的输入数据。它可以包含多种类型的输入，如文本、密码、数字等。通过指定不同的type属性，可以定义不同类型的输入字段。类型（type）属性定义输入字段的类型，如文本框、密码框、单选按钮、复选框等。常见类型包括textpasswordradiocheckboxfile等。名称（name）属性用于标识输入字段的名称，以便在表单提交时能够将数据传输到服务器。对于单选按钮和复选框，相同名称的一组按钮被视为一个组，只能选择其中的一个或多个。
select checkbox 控制input
weixin_34006468的博客
07-10 143
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><SCRIPTLANGUAGE="JavaScript"><!--functionSetRea...
checkbox选中后才能input中输入
weixin_34384681的博客
11-07 934
checkbox选中后才能input中输入： <inputtype="checkbox"name=""value="a"onClick="if(name01.disabled==false){name01.disabled=true;this.value='enable';show()}else{name01.dis...
根据复选框checkbox的选中状态来打开或关闭隐藏层
weixin_33774883的博客
05-06 577
HTML: <input type="checkbox" id="check-expert"> <div id="expert" style="display:none">隐藏层</div> JS： $(function () { 　　if ($("#check-expert").attr("checked") == "checked") { 　...
checkbox控制Input是否可以用以及下拉框的级联——easyUI
校尉的博客
10-19 643
实现的功能是：1、点击“是否替换”控制input（关联工序）是否可用， 2、点击机种后点击关联工程才会查询出数据（并且是根据机种的ID），关联工序是根据关联工程！ 机种——>关联工程——>关联工序******他们三个是级联关系， 机种： class="easyui-combobox" width="100%"  > 关联工程： class="easyu
javascript实现选中复选框后相关输入框变灰不可用的方法
10-23
主要介绍了javascript实现选中复选框后相关输入框变灰不可用的方法,涉及javascript针对页面元素属性的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
请按照一个checkbox，一个input进行排版，并且checkbox如果被选中则input可用，如果checkbox未被选中则input不可用
最新发布
05-28
在JavaScript部分，我们首先获取checkbox和input的引用，然后附加一个事件监听器，以便在用户更改checkbox的状态时更新输入框的禁用状态。如果复选框被选中，则输入框将启用；否则，它将被禁用。
jquery获取所有选中的checkbox实现代码
10-22
因此，`$('input:checkbox[name=spCodeId]:checked')`这段代码的意思是“选择所有name属性为spCodeId的被选中的复选框”。 为了获取这些复选框的值，文档中的代码使用了`.each()`方法。这是一个迭代函数，用于遍历...
checkbox单选框点击显示或隐藏输入框密码操作
小龙哒的博客
03-08 1584
需求 代码 &lt;div class="layui-input-block"&gt; &lt;input name="password" placeholder="请输入密码" type="password" class="layui-input" maxlength="20" lay-verify
element-ui中将checkbox与input框进行关联
old_hu的备忘录
05-17 7855
刚开始网上搜了很多,一直没看到满意的东西,后来自己就结合element-ui现有的东西写了一个,方便以后参考 具体效果如下: 现在的逻辑就是输入框输入条件,+可以添加数据行,√(如果第一次是添加,第二次就是修改),前面的勾选是选择创建的条件拿到当前一条的数据,然后给其他地方用,如果是没有提交过的数据不允许勾选,所有要禁用勾选 //这几个是覆盖element-ui原来的样式 thead{ ...
选择复选框之后input输入框可以输入内容
lxb1113220682的博客
05-23 9190
&lt;form name="myform"&gt; &lt;input type="checkbox" name="box" id="box" value="1" onclick="check()" &gt; &lt;input type="text" name="aa" id="text&qu
input checkbox js控制单选
phs999的博客
02-12 3459
function checkboxControl(){ $(function(){ $(&quot;#jfxz&quot;).find(&quot;:checkbox&quot;).each(function(){ $(this).click(function(){ $(this).attr('checked',true);//被选中的置为true $(&quot;#jfxz&quot;).find(&quot;:che
jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
热门推荐
有范管理美学 | 公众号/头条号：有范管理美学
08-21 12万+
jQuery操作复选框checkbox技巧总结 --- 设置选中、取消选中、获取被选中的值、判断是否选中等 一、checked属性定义 先了解下input标签的checked属性： 1、HTML <input> checked 属性 ◆定义和用法 checked 属性是一个布尔属性。 checked 属性规定在页面加载时应该被预先选定的 <input> ...
关于input标签checkbox属性 和checked
SR2017的专栏
04-08 1万+
我们设置了type的属性为checkbox时，记住以下3个关键点 1.点勾选时或者说点击时，checked为选中，在input标签中是checked=“checked”，注意这里面无论checked=“这里面写什么都是已选中”；checked只是个attribute属性， 2，选中还是未选中checkbox会返回一个Boolean 选中 true，未选中false 3.注意选中的
js通过标签元素id，用document.getElementById().style设置标签元素的css属性
此人很懒，什么都没有写
07-07 1万+
参考：https://blog.csdn.net/kissing7/article/details/8924112 对定义了id的html标签元素，js可以通过以下方法修改标签元素的css样式： 方法一： 对标签定义一个css样式： document.getElementById(“idname”).style.display=“none”; 方法二： 对标签定义多个css样式： var a = document.getElementById(“idname”); with(a.style){ color
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值