启用多个文本框和单个复选框
Enable multiple textbox with single checkbox
我正在创建一个复选框来启用多个文本框。如果选中,则默认为启用或禁用。
Javascript代码:$(document).ready(function(){
$('#sccb').click(function(){
if (this.checked) {
$('#cns').removeAttr("disabled");
$('#cns2').removeAttr("disabled");
$('#cns3').removeAttr("disabled");
} else {
$("#cns").attr("disabled", true);
$("#cns2").attr("disabled", true);
$("#cns3").attr("disabled", true);
}
});
});
HTML代码:
<input type="checkbox" id="sccb" name="science" value="science">
<input type="text" id="cns" name="coornamescience" disabled="disabled" size="30" />
<input type="text" id="cns2" name="coornamescience" disabled="disabled" size="30" />
<input type="text" id="cns3" name="coornamescience" disabled="disabled" size="30" />
它可以在jsfiddle上工作,但它不能在。html文件中工作,请帮助。
你忘记添加jquery了吗?
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#sccb').click(function(){
if (this.checked) {
$('#cns').removeAttr("disabled");
$('#cns2').removeAttr("disabled");
$('#cns3').removeAttr("disabled");
} else {
$("#cns").attr("disabled", true);
$("#cns2").attr("disabled", true);
$("#cns3").attr("disabled", true);
}
});
});
</script>
</head>
<body>
<form ...>
Your form here
</form>
</body>
</html>
相关文章:
- 使用jquery选中/取消选中单个复选框
- 获取带有textarea的复选框,并在单个jquery中进行选择
- 单个复选框的 JavaScript 验证在 Perl CGI 中失败
- 应用按钮集后禁用单个复选框
- 在单个按钮上选中所有和取消选中所有不适用于单个复选框.请给我解决方案
- jQuery / JavaScript 复选框显示多个和单个选择中选中的复选框的数量
- 复选框选中功能,用于单个页面中的两组复选框,不能单独调用功能
- Extjs使用复选框模型在网格上拖放单个项目
- 字段长度不适用于单个复选框
- 单个复选框的javascript中的复选框验证失败
- 如何使用ng-repeat从包含5行的表传递单个复选框值
- 启用基于单选按钮选中的单个或多个复选框
- 单击单个复选框时选择表中的所有复选框
- 计算单个复选框被选中的次数
- 启用多个文本框和单个复选框
- 选择单个复选框时,选中其他复选框
- 将数组中的单个复选框值发送到服务器
- 如何设置单个复选框来切换/取消切换其他复选框
- 如何遍历Div并提取单个复选框值
- Parsley.js单个复选框未被验证