Выполнить действие над флажком

Question

Как изменить эту функцию так, чтобы она выполнялась после проверки пользователем поля, а не нажатия на кнопку? Кроме того, если они снижают галочку, выполняется другая функция.

$("#saveData") 
    .click(function (e) { 
    e.preventDefault(); 
    localStorage.setItem("flag", "set"); 
    var data = $("#form1").serializeArray(); 
    $.each(data, function (i, obj) { 
     if (obj.name != "creditCard") { 
      localStorage.setItem(obj.name, obj.value); 
     } 
    }); 
}); 

Вот поле ввода,

<input id="saveAddress" type="checkbox" name="address">Save Address 

Answer 1

Изменение $("#saveData").click в $("#saveAddress").click, так что вы получите что-то вроде:

$("#saveAddress") 
    .click(function (e) { 
    e.preventDefault(); 
    localStorage.setItem("flag", "set"); 
    var data = $("#form1").serializeArray(); 
    $.each(data, function (i, obj) { 
     if (obj.name != "creditCard") { 
      localStorage.setItem(obj.name, obj.value); 
     } 
    }); 
}); 

(также вы можете использовать $(this).(':checked') внутри обработчика событий для выполнения различных действия для проверки/снятия отметки)

Answer 2

Ну, там с информацией у меня есть здесь некоторые основные добраться до нас:

$('#checkbox_element').change(function(){ 
    if(this.checked){ 
    //checkbox checked, do your thing 
    }else{ 
    //it has been unchecked 
    } 
}); 

JSFiddle Пример: http://jsfiddle.net/uHEhh/1/

Answer 3

Вы можете сделать это следующим образом:

$("#saveAddress").click(function(e) { 
    if($(this).prop("checked")) { 
    localStorage.setItem("flag", "set"); 
    var data = $("#form1").serializeArray(); 
    $.each(data, function(i, obj) { 
     if(obj.name != "creditCard") { 
      localStorage.setItem(obj.name, obj.value); 
     } 
    });    
    } else { 
     /*Other function code*/ 
    } 
});