`
jackroomage
  • 浏览: 1198031 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

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

 
阅读更多

<BODY> 
<input id="checkid" onclick="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>

分享到：
| 100条修身养性的句子
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery input checkbox 联动

    在jquery 下实显checked 联动 当input checkbox选中时自动判断上级下级并选中

    javascript实现选中复选框后相关输入框变灰不可用的方法

    主要介绍了javascript实现选中复选框后相关输入框变灰不可用的方法,涉及javascript针对页面元素属性的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法

    当选中一些数据的时候, 数据切换页面数据在切换回来后,选中状态就消失了, 我们希望切换回来的时候, 选中状态还能存在, 因此做了个缓存, 使checkbox 保持选中状态.代码如下: 1.HTML 搜索输入框 &lt;form class=layui...

    Jquery为单选框checkbox绑定单击click事件

    input id=”checkbox-518″ class=”imagezz” name type=”checkbox” value=”518″&gt; &lt;/dd&gt; 选中事件（根据选中情况修改上一层背景）： 代码如下: var $test_image_check_box_click = function() { if ($(this)...

    checkbox设置复选框的只读效果不让用户勾选

    原因在于readonly属性关联的是页面元素的value属性（例如textbox，设置了readonly就不能修改输入框的文本内容），而复选框的勾选/取消并不改变其value属性，改变的只是一个checked状态。所以对于checkbox来说，设置...

    input之怎么清除默认值

    input之怎么清除默认值

    vue表单绑定实现多选框和下拉列表的实例

    在vue的实际开发过程中，我们如何将以选中的值直接渲染到页面中，这次主要说的是多选框和下拉列表的实现： 测试多选渲染： &lt;input type=checkbox name=hobby :value=item.id :checked=loopsss.indexOf(item...

    前端与移动开发之表单

    for属性是必须的 且for属性值必须是绑定表单元素的id的属性值 id属性值可以自定义 但不能重复 即全局唯一 （2）下拉表单元素 &lt;option value=""&gt;&lt;/option&gt; &lt;option selected=""&gt;&lt;/option&gt; ...

    详解Bootstrap的iCheck插件checkbox和radio

    6、25 种参数 用来定制复选框（checkbox）和单选按钮（radio button） 7、8 个回调事件 用来监听输入框的状态 8、7个方法 用来通过编程方式控制输入框的状态 9、能够将输入框的状态变化同步回原始输入框中， 支持...

    《程序天下：JavaScript实例自学手册》光盘源码

    6.3 被选中的列表项下次不能再选 6.4 不带滚动条的select 6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送...

    程序天下:JavaScript实例自学手册

    6.3 被选中的列表项下次不能再选 6.4 不带滚动条的select 6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送...

    Vuejs第六篇之Vuejs与form元素实例解析

    本文是小编结合官方文档整理的一篇细致代码更多更全的详细教程，非常适合新手学习，感兴趣的朋友一起看看吧！ 资料来于官方文档： ...【8】checkbox选中和未选中赋予不同的值（主要是针对不选中状

    Ext 开发指南 学习资料

    5.3.1. 可以输入多行的输入框 5.3.2. 再看一个例子呗 5.3.3. 下一个例子是进度条 5.3.4. 动画效果，跳出来，缩回去 5.4. 让弹出窗口，显示我们想要的东东，比如表格 5.4.1. 2.0的弹出表格哦 5.4.2. 向window里加表格...

    js使用小技巧

    checkbox扁平 &lt;input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"&gt; 获取选中内容 document.selection.createRange().duplicate().text 自动完成功能 &lt;input type=text ...

    Radmin自动登录器v3.0

    注意：在v1.5及以前的老版本中，Radmin Server被控端必须将“使用权限...”(Permissions)设置为“Windows NT 安全性”(Security)，如果设置为“Radmin安全性”(Security)将不能实现自动登录功能。在新版本中，这两...

    Radmin自动登录器v3.0-多国语言绿色版-Release1-20150615

    注意：在v1.5及以前的老版本中，Radmin Server被控端必须将“使用权限...”(Permissions)设置为“Windows NT 安全性”(Security)，如果设置为“Radmin安全性”(Security)将不能实现自动登录功能。在新版本中，这两...

Magicbox
Global site tag (gtag.js) - Google Analytics