Question

因为我不喜欢普通的复选框，所以我决定使用bootstrap v3的彩色按钮作为复选框。我做了一个，工作得很好（并且使用了POST请求）。做了一秒，它只是不起作用。根本没有调用jQuery单击函数。你们认为我的问题在这里是什么？

<button id="checkbox" class="btn btn-default">foo</button>
<button id="checkbox" class="btn btn-default">not foo?</button>

$('#checkbox').click(function () {
    $(this).toggleClass("btn-success").attr("value", $(this).hasClass("btn-success"));
    return false;
});

Answer 1

您不能拥有两个具有相同ID的元素，而是使用类名。

$(".anyClass")

Answer 2

你应该 从不!! 有两个具有相同ID的元素。将您的checkbox更改为班级：

<强> HTML：

<button class="checkbox btn btn-default">foo</button>
<button class="checkbox btn btn-default">not foo?</button>

<强> JavaScript的：

$('.checkbox').click(function () {
    $(this).toggleClass("btn-success").attr("value", $(this).hasClass("btn-success"));
    return false;
});

Answer 3

这是正确的使用类而不是ID和始终ID应该是唯一的。

jQuery自定义第二个自定义复选框不检查

3 个答案: