复选框按钮被禁用,在JQuery中不起作用
Checkbox button disabled not working in JQuery
我试图启用和禁用一个按钮时,一个复选框被选中,但似乎不能让它工作。当我选中复选框时,按钮不启用。
$("input[type=checkbox]").on("click", function() {
var id = $(this).data("studentcheckboxid");
var button = $("div").find("[data-studentbuttonid='" + id + "']");
$(button).prop('disabled', false);
});
<div class="row registerColumns">
<div class="col-md-6 col-sm-6" style="border: 1px solid brown;">
<div id="acceptBox" style="padding: 5px; margin: 5px; border: 1px solid black;">
Accept
<input type="checkbox" class="studentCheckbox" data-studentcheckboxid=@space.EventId>
</div>
</div>
<div class="col-md-6 col-sm-6" style="border: 1px solid red;">
<div class="btn btn-primary disabled registerStudent" data-studentbuttonid=@space.EventId style="padding: 5px; margin: 5px; border: 1px solid black;">
Register Student
</div>
</div>
</div>
在更改时使用。在状态更改之前触发Click。
$("input[type=checkbox]").on("click", function () {
var id = $(this).data("studentcheckboxid");
var button = $("div").find("[data-studentbuttonid='" + id + "']");
if ($(this).is(':checked')) {
$(button).prop('disabled', true);
} else {
$(button).prop('disabled', false);
}
});
虽然我找不到任何按钮,但我自己做了一个按钮,你可以在这里查看
$("input[type=checkbox]").on("change", function() {
var id = $(this).attr('data-studentcheckboxid');
var button = $("button[data-studentbuttonid='" + id + "']")
.prop('disabled', function(i, v) { return !v; });
});
<div class="row registerColumns">
<div class="col-md-6 col-sm-6" style="border: 1px solid brown;">
<div id="acceptBox" style="padding: 5px; margin: 5px; border: 1px solid black;">
Accept
<input type="checkbox" class="studentCheckbox" data-studentcheckboxid="SomeId">
</div>
</div>
<div class="col-md-6 col-sm-6" style="border: 1px solid red;">
<div class="btn btn-primary disabled registerStudent" data-studentbuttonid="SomeId" style="padding: 5px; margin: 5px; border: 1px solid black;">
Register Student
</div>
</div>
</div>
<button data-studentbuttonid="SomeId" style="height: 20px; width: 50px;" disabled>Button</button>
工作小提琴相关文章:
- 自动完成 jquery 不起作用
- 悬停时的Jquery不起作用
- 使用DateTimePicker插件的JQuery不起作用
- 无限滚动jquery不起作用
- 角度2触发器'单击'使用jquery不起作用
- 在 jQuery 不起作用的情况下迭代变量
- 切换下 jquery 不起作用
- 简单的jquery不起作用,并返回错误
- 等效于getElementbyName的jQuery不起作用
- Jquery不起作用,但我想一切都好
- 当按钮从ajax调用时,jquery不起作用
- 在jQuery不起作用的情况下阻止表单提交
- 为什么这个jquery不起作用
- 带有变量选择器的 Jquery 不起作用
- 简单的JavaScript/jQuery不起作用
- Wordpress jquery不起作用(计算系统)
- Django 模板内联 jQuery 不起作用
- 提示计算器 jquery 不起作用
- 追加 jquery 不起作用
- 正则表达式 jQuery 不起作用