Question

<html>
<body>
<input type="checkbox" checked="checked">
</body>
</html>

我想根据选择将复选框的值传递为1或0。如果选中则将1发送到PHP文件，否则发送0。使用我想发送值的AJAX，使用html中的onClick事件发送该值。

我是AJAX的新手，因此无法找到完成此任务的方法。

提前致谢。

Answer 1

$(document).ready(function(){
  $('body').delegate('#Yourbuttonid','click',function(){
        var chkval = 0
          if($('#yourcheckboxid').is(':checked')){
            chkval  = 1;
          }
   $.ajax({
       url: "Your_url",
       type: "POST",
       data:{'checkboxvalue':chkval},

       success:function(returndata){


       },error:function(errordata){


       }
     });

   });  

});

并在您的Php文件中

您可以将checkbbox值设为echo $_POST['checkboxvalue'];

Answer 2

试

$('element').on('click', function(){
$checkbox = $(':checkbox').prop('checked');
$.post({ 
          url :'PageWhereYouWanToSend.php',
          data : { 'checked' : $checkbox },
          success : function (resp){
                     alert(resp);
                   }
      });
});

参考文献：

.prop

.post

.on

Answer 3

var subcheck = 0;
$('input:checkbox').change(function(){
   if($(this).is(':checked')){
      subcheck = 1;
   } else {
      subcheck = 0;
   }


   $.post("your.php", { checkdata: subcheck},
   function(data) {
      //your code here
   });
});

复选框数据使用ajax提交

3 个答案:

参考文献：