jQuery复选框选中 单击按钮时切换
jquery checkbox checked toggle when click of a button
我想在单击按钮时切换复选框。
这是我的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);
});
$("#choose_address2").on("click", function() {
var $checkbox = $(this).find(':checkbox');
$checkbox.prop("checked", !$checkbox.prop("checked"));
});
下面是一个例子
.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);
})
})
演示http://jsfiddle.net/mPstq/94/
解决此问题的最简单方法:
$checkbox.prop( 'checked', ! $checkbox.is( ':checked' ) );
谢谢大家的建议。.
这为我做了诀窍:
$("#choose_address2").click(function(){
var checkBox = $("#choose_address1");
console.log("click!!! address2");
checkBox.trigger('click');
});
相关文章:
- 如何隐藏按钮单击事件上的占位符
- 从Web服务器下载图像按钮单击使用JavaScript
- 在SweetAlert中传递ASP.NET按钮单击事件
- 单选按钮单击可刷新/更改网站的小区域
- 调用按钮单击事件 ajax 加载的用户控件
- 附加 jQuery 代码以在加载和按钮单击时运行
- 在按钮单击时将图像URL数据显示到弹出框中,而无需禁用背景
- 按钮单击服务器单击
- 触发单选按钮单击,并在页面刷新时记住选择
- 如何使用 javascript 而不是使用控制器中的方法在 rails 中呈现部分按钮单击
- jQuery UI 选项卡 - 将参数设置为下一个/上一个按钮单击
- 如何在 Angular JS 中的按钮单击上添加类
- 当元素上有多个类时触发按钮单击事件
- 如何在 HTML 中的按钮单击上更改图像(IMG URL 每次来自服务器)
- 如何使用javascript刷新我的html页面时清除按钮单击
- 阻止后退按钮 - 单击按钮时忽略
- 如何制作按钮.单击“开始时不运行”
- Rails:尝试在按钮单击时渲染部分
- 在页面加载时调用函数,在按钮单击时再次调用函数,但参数不同
- 如何在服务器端的文本中添加按钮单击事件