<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)的联动效果,即当某个复选框被选中时,能够自动触发关联的上级或下级复选框的状态改变。 ### 1. jQuery 基础 首先,确保你的项目已经引入...
在网页设计中,实现“CSS+jQuery带checkbox的输入框可模糊查询”功能是一项常见的交互需求,它能够提升用户体验,使用户能快速找到并选择所需信息。以下将详细讲解这个功能涉及的技术点。 首先,CSS(Cascading ...
接着,函数遍历`container`内的所有输入框(`<input>`元素),使用`getElementsByTagName`方法获取它们,并根据复选框的选中状态(`checked`属性)设置输入框的`disabled`属性。如果复选框被选中,则输入框变为灰色...
通常,密码输入框是用`<input type="password">`实现的,其特点是输入内容会以星号或圆点的形式显示,隐藏实际字符。但是,当Checkbox被选中时,我们可以让这些字符变为可见。以下是一个简单的JavaScript实现: ```...
然后,我们需要监听复选框的`change`事件,当用户点击复选框时,检查是否被选中,并将选中的值添加到输入框: ```javascript $('#checkboxLayer').on('change', 'input[type="checkbox"]', function() { var value...
为了在`input`中实现上下滚动,我们可以考虑使用`contenteditable`属性,将其设置为`true`,这样`input`就变成了一个可编辑的区域,然后通过CSS和JavaScript来实现滚动效果。 例如: ```html <input type="text" ...
"tagsinput.js" 是一个JavaScript库,专门用于创建具有自定义功能的输入框,例如处理多选标签(tag)输入。在这个场景中,我们关注的是它如何实现记录checkbox(复选框)的勾选顺序,并在页面上展示,同时能够将这些...
在HTML5中,`<input>`元素的`type`属性是一个非常重要的特性,它决定了输入框的功能和样式。通过设置不同的`type`属性值,我们可以创建各种类型的输入控件,以满足网页表单设计的需求。 1. **普通文本框(text)** ...
通过以上介绍,我们可以看到`<input>`标签提供了丰富的类型和属性来满足各种需求。在实际开发过程中,合理地选择和配置这些属性可以极大地提高用户体验。希望本文能对你理解和使用`<input>`标签有所帮助!
当一个复选框被选中,我们可以通过JavaScript获取它的状态,并根据这个状态来决定是否向文本输入框(Text Input)添加或删除数据。文本输入框是HTML中另一种基本的表单元素,用户可以在此输入文本信息。在JavaScript...
可以创建一个数组来存储用户输入的历史记录,然后编写一个函数来处理向上和向下的按键事件,根据用户输入的键值(比如箭头键)来更新`input`元素的值: ```javascript let history = ['记录1', '记录2', '记录3']; ...
在该方法中,我们使用 defaultValue 属性来判断输入框的默认值,并根据用户的操作来清除或恢复默认值。 我们可以使用多种方法来清除 input 标签的默认值,但每种方法都有其优缺点。选择合适的方法取决于具体的开发...
除了上述属性外,还有其他一些控制输入行为的属性,例如 `readonly` 使输入框变为只读,`disabled` 禁用输入框,`required` 指定该输入为必填,`pattern` 定义输入值的模式等。在HTML5中,`<input>` 控件增加了更多...
`value`属性用于设定输入框的初始值,或者对于`<input type="button">`和`<input type="submit">`来说,它是按钮上显示的文本。 三、表单验证 HTML5引入了内置的表单验证机制,可以通过`required`属性强制用户输入...
因此,`$('input:checkbox[name=spCodeId]:checked')`这段代码的意思是“选择所有name属性为spCodeId的被选中的复选框”。 为了获取这些复选框的值,文档中的代码使用了`.each()`方法。这是一个迭代函数,用于遍历...
- `checkbox`: 创建复选框,用于多选,`checked`属性可设置默认选中状态。 - `button`: 创建普通按钮,通常与JavaScript结合使用,自定义操作。 - `submit`: 提交按钮,提交表单数据,`value`属性用于自定义按钮...
本文将介绍如何使用JQuery来操作Web页面中的几种常见表单元素:textarea(文本域)、input(输入框)、select(下拉选择框)和checkbox(复选框)。 ### 1. 操作textarea textarea是一个多行文本输入控件,用户可以...
在网页开发中,多选下拉的CheckBoxList是一种常见的用户界面元素,用于提供多个选项让用户进行复选选择。这种功能通常在需要用户选择多个值,且空间有限的情况下使用,例如填写表单或设置偏好时。在ASP.NET环境中,...