如何在更改节点 JS 表中的复选框时禁用按钮
How to disable a button when changing the checkboxes in a table in Node JS?
我有一个表格,里面有一些图像和复选框。我试图在更改表格中的任何复选框时启用提交按钮。我的表格如下所示,
<form action="/slideShowPage" method="GET">
<table id="imgTable" class="table">
{{#images}}
<tr>
<td><a href="/deleteImage?imageID={{imgURL}}" class="btn btn-danger" title="Clear All">Remove</a><label value={{imgURL}}>{{imgURL}}</label></td>
<td><img src={{imgURL}} style="width:100px;height:100px"></td>
<td><input id={{imgURL}} type="checkbox" name="image" value={{imgURL}}/><br></td>
</tr>
{{/images}}
</table>
<br>
{{#msg}}
<div class="alert alert-info">{{msg}}</div>
{{/msg}}
<a href="/" class="btn btn-success pull-right" title="Add More">Add more</a>
<input type="submit" value="Create Slide Show" class="btn btn-success pull-left" disabled/>
</form>
我尝试使用下面的javascript启用该按钮,
<script type="text/javascript">
var checkboxes = $("input[type='checkbox']"),
submitButt = $("input[type='submit']");
checkboxes.click(function () {
submitButt.attr("disabled", !checkboxes.is(":checked"));
});
</script>
我从JSFiddle得到了这个JavaScript。但它不起作用。我也在使用 NodeJS,我的 jquery 版本是 jquery-2.0.3
.谁能帮我解决这个问题?
提前感谢!
将元素的禁用属性设置为 false
提交屁股禁用 = 假;如果你使用的是jQuery,等效的将是:
$("input[type='submit']").prop('disabled', false);
或为输入元素提供 id 或类,例如"inputDisabled"。 $('.inputDisabled').removeAttr("disabled");
我找到了解决方案。
<script type="text/javascript">
$( document ).ready(function() {
console.log("Cheeeee 1");
var checkboxes = $("input[type='checkbox']"),
submitButt = $("input[type='submit']");
checkboxes.change(function() {
console.log("Cheeeee");
submitButt.attr("disabled", !checkboxes.is(":checked"));
});
});
</script>
因为在文档"准备就绪"之前无法安全地操作页面。 jQuery 会为您检测这种就绪状态。$( document ).ready()
中包含的代码仅在页面文档对象模型 (DOM) 准备好执行 JavaScript 代码时运行。
试试这个。
绑定到更改事件而不是单击事件。
var checkboxes = $("input[type='checkbox']"),submitButt = $("input[type='submit']");
checkboxes.change(function() {
submitButt.attr("disabled", !checkboxes.is(":checked"));
});
相关文章:
- 创建一个复选框按钮的散列,这些按钮在单击时在Twitter Bootstrap Button组中处于活动状态
- 如何在单击复选框按钮时制作单选按钮
- Javascript错误,根据其他复选框的结果更新复选框/按钮
- 如何在带有复选框按钮的 HTML 弹出窗口中显示结果
- 如何验证只有复选框/按钮/选择的表单
- Jquery Mobile单击导航栏上的复选框按钮
- 清除复选框按钮不起作用
- 无线电/复选框按钮”;oncheck”;使用javascript检查/选择时的事件
- 修改动态创建的jQuery复选框按钮'
- 如何使用单选和复选框按钮验证javascript验证
- 点击复选框按钮,将显示文本框和提交按钮,点击提交按钮应禁用复选框按钮
- 使用jQuery从下拉菜单中选择复选框按钮时显示/隐藏特定的DIV
- 如何在运行时使用timece复选框按钮打开和关闭只读模式
- 复选框按钮被禁用,在JQuery中不起作用
- 如何在Django脆皮表单中使用JS启用/禁用复选框按钮
- 如何从引导复选框按钮组获取值
- 元素的原因.键入单选按钮或复选框按钮数组将返回“未定义”
- 过滤器使用"OR"为单个列提供多个过滤器逻辑通过网格外的复选框/按钮
- 如何选择单个或多个复选框按钮
- 复选框按钮在多次快速单击时效果不佳