我想在单击按钮时切换复选框。
这是我的 jQuery
$("#choose_address2").on("click", function () {
console.log("click!!! address2");
var $checkbox = $(this).find(':checkbox');
var checkBoxes = $("input[name=checkbox]]");
checkBoxes.prop("checked", !checkBoxes.prop("checked"));
});
这是我的输入
<span id="choose_address2" class="btn btn-info">
<i class="fa fa-plus-circle"></i>เพิ่มที่อยู่
<input type="checkbox" name="choose_address" {{#if customer.addresses}}checked{{/if}} id="choose_address1" hidden>
</input></span>
默认情况下该按钮处于选中状态。
但是,当我单击 ID 为 choose_address2
的范围时,我想更改状态。任何建议都将受到高度赞赏。
最佳答案
试试这个
$("#choose_address2").on("click", function () {
console.log("click!!! address2");
var $checkbox = $(this).find(':checkbox');
var checkBoxes = $("input[type='checkbox']");
if(checkBoxes.prop("checked")==true)
checkBoxes.prop("checked", false);
else
checkBoxes.prop("checked", true)
});
或者这也可以
$("#choose_address2").on("click", function () {
console.log("click!!! address2");
var $checkbox = $(this).find(':checkbox');
var checkBoxes = $("input[type='checkbox']");
(checkBoxes.prop("checked")==true)?checkBoxes.prop("checked", false):checkBoxes.prop("checked", true);
});
关于javascript - 单击按钮时 jquery 复选框选中切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35152415/