【问题标题】:Passing checkbox value in ajax在ajax中传递复选框值
【发布时间】:2017-05-12 15:07:35
【问题描述】:

请,我需要帮助通过 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);
         }
    })

});

我应该怎么做才能将复选框值传递到其他页面?

【问题讨论】:

    标签: ajax checkbox


    【解决方案1】:

    您也可以使用复选框检查方法。

    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()
      };
    

    【讨论】:

      【解决方案2】:

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

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

      这对我有用。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-04-08
        • 2016-03-04
        • 1970-01-01
        相关资源
        最近更新 更多