Question

Hie guys是从复选框中获取值的好方法

var flag = $("#flag").val();

<input type="checkbox" class="btn" data-toggle="toggle" data-size="small" data-on="rejected" data-off="accepted" name="action" data-onstyle="danger" data-offstyle="success" id="flag">

Answer 1

这里如果你使用val（）方法，那么它将获得“value”属性的值，无论复选框状态如何（即如果你有值属性为“testCheckbox”，那么你将总是得到“testCheckbox”在线下使用）

var flag = $("#flag").val();

如果您想知道复选框（已选中或未选中）的状态，请使用以下行;

 var flag = $("#flag").is(":checked"); //flag will be true, when checkbox is checked & false, when checkbox is not selected

Answer 2

这就是我到目前为止所做的工作，似乎工作得很好......

＆＃13;

< script >
  $("#report").submit(function(e) {
    var choice = confirm("Are you sure you want to submit Report?");

    switch (choice) {

      case true:
        var url = "../paypalpayments/member/member.php"; // the script where you handle the form input.
        var data = $("#report").serialize();
        var c_id = $("input#company_id").val();
        var t_id = $("input#tender_id").val();
        var status = $("#status").val();
        var flag = $("#flag").val();
        var qtn = $("#qtn").val();
        console.log(qtn + "\n");
        console.log(c_id + "\n");
        console.log(t_id + "\n");
        console.log(status + "\n");
        console.log(flag + "\n");
        console.log(data);


    }


    e.preventDefault(); // avoid to execute the actual submit of the form.
  }); <
/script> <
script type = "text/javascript" >
  $(document).ready(function() {
    $("#status").prop('value', 'Good condition');
    $("#flag").prop('value', 'accepted');

  });

$('.table tbody').on('click', '.btn', function() {

  var action = $(this).text();

  switch (action) {


    case 'Good condition':
      $("#status").prop('value', 'Bad condition');
      break;

    case 'accepted':
      $("#flag").prop('value', 'rejected');
      break;

    case 'Bad condition':
      $("#status").prop('value', 'Good condition');
      break;

    case 'rejected':
      $("#flag").prop('value', 'accepted');
      break;




  }




}); <
/script>

＆＃13;

使用jquery提交表单

2 个答案: