如何处理使用jQuerycheckbox的变化？

我有一些代码

<input type="checkbox" id="chk" value="value" /> <label for="chk">Value </label> <br/> <input type="button" id="But1" value="set value" /> <br /> <input type="button" id="But2" value="read checked" /> 

JavaScript的：

 $(document).ready(function () { console.log("Ready ..."); registerHandlers(); function registerHandlers() { $('#But1').click(function () { $('#chk').prop('checked', !$('#chk').is(':checked')); }); $('#But2').click(function () { var chk1 = $('#chk').is(':checked'); console.log("Value : " + chk1); }); $('input[type="checkbox"]').change(function () { var name = $(this).val(); var check = $(this).prop('checked'); console.log("Change: " + name + " to " + check); }); } }); 

如何处理使用jQuerycheckbox的变化？ 我需要把处理程序更改任何checkbox选中。

[更新]

有一个checkbox和几个button。 每个button都可以更改checkbox。 如何捕捉事件更改checkbox？

[更新]

我需要在这个例子jsfiddle中处理更改checkbox。 当我点击框时，消息“确定”button不显示。

Answer 1

使用:checkboxselect器：

 $(':checkbox').change(function() { // do stuff here. It will fire on any checkbox change }); 

代码： http : //jsfiddle.net/s6fe9/

Answer 2

您也可以使用该字段的ID

 $('#checkbox1').change(function() { if($(this).is(":checked")) { //'checked' event code return; } //'unchecked' event code }); 

Answer 3

希望这会有所帮助。

 $('input[type=checkbox]').change(function () { if ($(this).prop("checked")) { //do the stuff that you would do when 'checked' return; } //Here do the stuff you want to do when 'unchecked' }); 

Answer 4

 $("input[type=checkbox]").on("change", function() { if (this.checked) { //do your stuff } }); 

Answer 5

 $('#myForm').on('change', 'input[type=checkbox]', function() { this.checked ? this.value = 'apple' : this.value = 'pineapple'; }); 

Answer 6

在我看来，removeProp在Chrome中无法正常工作： jsfiddle

  $('#badBut1').click(function () { checkit('Before'); if( $('#chk').prop('checked') ) { $('#chk').removeProp('checked'); }else{ $('#chk').prop('checked', true); } checkit('After'); }); $('#But1').click(function () { checkit('Before'); if( $('#chk').prop('checked') ) { $('#chk').removeClass('checked').prop('checked',false); }else{ $('#chk').addClass('checked').prop('checked', true); } checkit('After'); }); $('#But2').click(function () { var chk1 = $('#chk').is(':checked'); console.log("Value : " + chk1); }); $('#chk').on( 'change',function () { checkit('Result'); }); function checkit(moment) { var chk1 = $('#chk').is(':checked'); console.log(moment+", value = " + chk1); }; 

Answer 7

通过名字获得无线电价值

  $('input').on('className', function(event){ console.log($(this).attr('name')); if($(this).attr('name') == "worker") { resetAll(); } });