`
jackroomage
  • 浏览: 1217804 次
  • 性别: 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>

分享到:
评论

相关推荐

    jquery input checkbox 联动

    本文将深入探讨如何在jQuery环境下实现输入框(input)复选框(checkbox)的联动效果,即当某个复选框被选中时,能够自动触发关联的上级或下级复选框的状态改变。 ### 1. jQuery 基础 首先,确保你的项目已经引入...

    css+jquery带checkbox的输入框可模糊查询

    在网页设计中,实现“CSS+jQuery带checkbox的输入框可模糊查询”功能是一项常见的交互需求,它能够提升用户体验,使用户能快速找到并选择所需信息。以下将详细讲解这个功能涉及的技术点。 首先,CSS(Cascading ...

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

    接着,函数遍历`container`内的所有输入框(`&lt;input&gt;`元素),使用`getElementsByTagName`方法获取它们,并根据复选框的选中状态(`checked`属性)设置输入框的`disabled`属性。如果复选框被选中,则输入框变为灰色...

    Checkbox(打勾显示输入的密码)

    通常,密码输入框是用`&lt;input type="password"&gt;`实现的,其特点是输入内容会以星号或圆点的形式显示,隐藏实际字符。但是,当Checkbox被选中时,我们可以让这些字符变为可见。以下是一个简单的JavaScript实现: ```...

    jquery点击输入框时弹出div层复选框勾选输入的内容

    然后,我们需要监听复选框的`change`事件,当用户点击复选框时,检查是否被选中,并将选中的值添加到输入框: ```javascript $('#checkboxLayer').on('change', 'input[type="checkbox"]', function() { var value...

    select里实现checkbox选择和input里边实现上下一条

    为了在`input`中实现上下滚动,我们可以考虑使用`contenteditable`属性,将其设置为`true`,这样`input`就变成了一个可编辑的区域,然后通过CSS和JavaScript来实现滚动效果。 例如: ```html &lt;input type="text" ...

    tagsinput.js 实现记录checkbox勾选顺序

    "tagsinput.js" 是一个JavaScript库,专门用于创建具有自定义功能的输入框,例如处理多选标签(tag)输入。在这个场景中,我们关注的是它如何实现记录checkbox(复选框)的勾选顺序,并在页面上展示,同时能够将这些...

    HTML5&CSS3网页制作:Input元素的type属性.pptx

    在HTML5中,`&lt;input&gt;`元素的`type`属性是一个非常重要的特性,它决定了输入框的功能和样式。通过设置不同的`type`属性值,我们可以创建各种类型的输入控件,以满足网页表单设计的需求。 1. **普通文本框(text)** ...

    input 标签的属性

    通过以上介绍,我们可以看到`&lt;input&gt;`标签提供了丰富的类型和属性来满足各种需求。在实际开发过程中,合理地选择和配置这些属性可以极大地提高用户体验。希望本文能对你理解和使用`&lt;input&gt;`标签有所帮助!

    复选框点击添加或删除text输入框value值.zip

    当一个复选框被选中,我们可以通过JavaScript获取它的状态,并根据这个状态来决定是否向文本输入框(Text Input)添加或删除数据。文本输入框是HTML中另一种基本的表单元素,用户可以在此输入文本信息。在JavaScript...

    select里实现checkbox的选择和input里边上下一条翻转

    可以创建一个数组来存储用户输入的历史记录,然后编写一个函数来处理向上和向下的按键事件,根据用户输入的键值(比如箭头键)来更新`input`元素的值: ```javascript let history = ['记录1', '记录2', '记录3']; ...

    input之怎么清除默认值

    在该方法中,我们使用 defaultValue 属性来判断输入框的默认值,并根据用户的操作来清除或恢复默认值。 我们可以使用多种方法来清除 input 标签的默认值,但每种方法都有其优缺点。选择合适的方法取决于具体的开发...

    使用HTML开发商业网站-表单控件-input课件.pptx

    除了上述属性外,还有其他一些控制输入行为的属性,例如 `readonly` 使输入框变为只读,`disabled` 禁用输入框,`required` 指定该输入为必填,`pattern` 定义输入值的模式等。在HTML5中,`&lt;input&gt;` 控件增加了更多...

    input值总结

    `value`属性用于设定输入框的初始值,或者对于`&lt;input type="button"&gt;`和`&lt;input type="submit"&gt;`来说,它是按钮上显示的文本。 三、表单验证 HTML5引入了内置的表单验证机制,可以通过`required`属性强制用户输入...

    jquery获取所有选中的checkbox实现代码

    因此,`$('input:checkbox[name=spCodeId]:checked')`这段代码的意思是“选择所有name属性为spCodeId的被选中的复选框”。 为了获取这些复选框的值,文档中的代码使用了`.each()`方法。这是一个迭代函数,用于遍历...

    HTML5表单中input元素及属性.pdf

    - `checkbox`: 创建复选框,用于多选,`checked`属性可设置默认选中状态。 - `button`: 创建普通按钮,通常与JavaScript结合使用,自定义操作。 - `submit`: 提交按钮,提交表单数据,`value`属性用于自定义按钮...

    JQuery操作textarea,input,select,checkbox方法

    本文将介绍如何使用JQuery来操作Web页面中的几种常见表单元素:textarea(文本域)、input(输入框)、select(下拉选择框)和checkbox(复选框)。 ### 1. 操作textarea textarea是一个多行文本输入控件,用户可以...

    多选下拉的CheckBoxList

    在网页开发中,多选下拉的CheckBoxList是一种常见的用户界面元素,用于提供多个选项让用户进行复选选择。这种功能通常在需要用户选择多个值,且空间有限的情况下使用,例如填写表单或设置偏好时。在ASP.NET环境中,...

Global site tag (gtag.js) - Google Analytics