Jak obsłużyć zmianę pola wyboru za pomocą jQuery?

Question

mam jakiś kod

<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); 
     }); 
    } 
}); 

Jak obsługiwać zmianę wyboru przy użyciu jQuery? Potrzebuję umieścić handlerka, aby zmienić zaznaczone pola wyboru.

[aktualizacja]

Jest pole wyboru i kilka przycisków. Każdy przycisk może zmieniać pole wyboru. Jak złapać wydarzenie zmieniające pole wyboru?

[Aktualizacja]

muszę obsłużyć zmiany wyboru w tym przykładzie jsfiddle. Po kliknięciu na przycisk komunikat "OK" nie jest wyświetlany.

Answer 1

Zastosowanie :checkbox selektor:

$(':checkbox').change(function() { 

     // do stuff here. It will fire on any checkbox change 

}); 

Kod: http://jsfiddle.net/s6fe9/

Answer 2

Hope, to byłoby pomocne.

$('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 3

Można użyć Id pola oraz

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

Answer 4

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

Answer 5

$("input[type=checkbox]").on("change", function() { 

    if (this.checked) { 

     //do your stuff 

    } 
}); 

Answer 6

Wydaje mi removeProp nie działa prawidłowo w 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

uzyskać wartość radiową przez nazwa

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