我想在点击按钮时切换复选框。
这是我的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>
默认情况下,选中该按钮。
但是,当我单击标识为choose_address2
的范围时,我想更改状态。任何建议都将受到高度赞赏。
答案 0 :(得分:3)
试试这个
$("#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);
});
答案 1 :(得分:1)
下面是一个例子
<强> HTML 强>
<input type="checkbox" class="toggle" checked>
<input type="checkbox" class="toggle">
<button id="choose_address2">
Toggle checkbox
</button>
<强> JQ 强>
$('#choose_address2').click(function(){
$('.toggle').each(function(){
$(this).prop('checked', !$(this)[0].checked);
})
})
答案 2 :(得分:1)
谢谢大家的建议..
这对我有用:
$("#choose_address2").click(function(){
var checkBox = $("#choose_address1");
console.log("click!!! address2");
checkBox.trigger('click');
});
答案 3 :(得分:0)
$("#choose_address2").on("click", function() {
var $checkbox = $(this).find(':checkbox');
$checkbox.prop("checked", !$checkbox.prop("checked"));
});
答案 4 :(得分:0)
解决此问题的最简单方法:
df_out = df_in.loc[(df_in['col_name'] > fence_low) & (df_in['col_name'] < fence_high)]