在ajax中传递复选框值

时间:2014-04-07 10:13:04

标签: ajax checkbox

请通过ajax将复选框值传递给其他php文件

这是我的表格:

 <form class="form-horizontal" onsubmit="Javascript:return validate();" method="post" id="form">



 <b>Jawwal Number</b>

<input name="msisdn" type="text" id="msisdn" class="form-control" required="" autofocus="" style="margin-top: 10px;margin-bottom: 10px" >


 <b>Username</b>

<input name="username" type="text" id="username" class="form-control" required="" autofocus="" style="margin-top: 10px;margin-bottom: 10px" >



<b>Add Extra Security (Activation Code)</b>
<input type="checkbox" name="security" id="security">

<input type="submit" value="submit" class="btn btn-primary"> 

  </form>

这是我的Ajax代码:

$("#form").submit(function(event) {

  /* stop form from submitting normally */
  event.preventDefault();

  /* set all the vars you want to post on here */
  var parameters = { 
    'msisdn': $('input[name="msisdn"]').val(),
    'username': $('input[name="username"]').val(),

    **'security':$('input[name="security"]').val(),**
    'submit': $('input[name="submit"]').val()
  };

    $.ajax({
         url: '/bulk2/admin/process/add_user.php',
         method:'POST',
         data: parameters,
         success: function(msg) {
            $('#test').append(msg);
         }
    })

});

我该怎么办才能将复选框值传递到另一页?

2 个答案:

答案 0 :(得分:2)

您还可以使用复选框选中的方法。

var security = $('input[name="security"]').prop('checked'); /* it will return true or false */

并更新您的代码

var parameters = { 
    'msisdn': $('input[name="msisdn"]').val(),
    'username': $('input[name="username"]').val(),

    'security':security,
    'submit': $('input[name="submit"]').val()
  };

答案 1 :(得分:0)

使用属性is()的方法:checked

  var parameters = { 
   'security':$('input[name="security"]').is(':checked'),
  };

这适合我。