Javascript 对复选框执行操作

Javascript 对复选框执行操作,javascript,jquery,html,Javascript,Jquery,Html,如何更改此功能,使其在用户选中框后执行,而不是单击按钮?此外,如果取消选中,将执行另一个函数 $("#saveData") .click(function (e) { e.preventDefault(); localStorage.setItem("flag", "set"); var data = $("#form1").serializeArray(); $.each(data, function (i, obj) {

如何更改此功能,使其在用户选中框后执行,而不是单击按钮?此外,如果取消选中,将执行另一个函数

 $("#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
保存地址
更改
$(“#保存数据”)。单击
更改为
$(“#保存地址”)。单击
,您会得到如下结果:

$("#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')
在事件处理程序中执行不同的检查/取消检查操作)

更改
$(“#saveData”)。单击
$(“#saveAddress”)。单击
,您会得到如下结果:

$("#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”)
在事件处理程序中执行不同的检查/取消检查操作)

好的,我这里有一些基本的指南:

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

jsidle示例:

好吧,我这里有一些基本的指南:

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

jsidle示例:

您可以这样做:

 $("#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*/
   }
});

你可以这样做:

 $("#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*/
   }
});

您可以提供更多的HTML或a作为您当前拥有的示例吗?“此外,如果他们取消选中,则会执行另一个函数。”这将是什么函数?您可以提供更多的HTML或a作为您当前拥有的示例吗?“如果他们取消选中,则会执行另一个函数。”这将是什么函数?