跟踪一组复选框中特定复选框的更改

Question

如何跟踪复选框组中的特定复选框是否已选中并取消选中？

例如，我需要选中仅在map

值的复选框中选中和未选中的事件

＆＃13;

＆＃13;

$('input:checkbox[name=proj]').on('change', function(){
if($(this.value=='map').is(':checked')){
        console.log('Map id Checked');
    }
    else{}
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" name="proj" value="map">map
<input type="checkbox" name="proj" value="app">app
<input type="checkbox" name="proj" value="nap">nap

＆＃13;

＆＃13;

＆＃13;

Answer 1

你想要的吗？

$('input:checkbox[name="proj"]').on('change', function(){

  if($(this).attr("value")=="map")  // only "map" can alert!
        alert('Map id : ' + $(this).attr("value") + ' is ' +
            
            ($(this).prop("checked") ? "Checked" : "UnChecked")
            
            );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" name="proj" value="map">map
<input type="checkbox" name="proj" value="app">app
<input type="checkbox" name="proj" value="nap">nap

Answer 2

试试这个：

$('input[name="proj"]').on("change",función(){
    if($(this).val()=='map' && $(this).is(':checked'){ 
         console.log('Map id Checked'); 
     } else{
     }
 });