提交时的复选框值

时间:2018-04-09 07:16:10

标签: javascript jquery html

我有3个复选框和一个按钮。当我单击任何一个复选框时,每个复选框都有不同的值,然后单击按钮,我希望显示复选框中的值,如果我单击复选框中的2,然后单击按钮,我希望这两个&# 39; s复选框值,即使我单击其中三个复选框并单击按钮我想要所有三个值,如果任何一个可以帮助那将是伟大的

谢谢

2 个答案:

答案 0 :(得分:1)

您可以尝试以下代码。

var checked = [];
$(document).on('click', 'button', function() {
    $.each($("input[type='checkbox']:checked"), function(){            
        checked.push($(this).val());
    });
    console.log(checked);
});

答案 1 :(得分:0)

您可以尝试以下代码。

    <script src="https://code.jquery.com/jquery-1.11.3.js"></script>
    <form id="frm1" method="post">
      <input type="checkbox" class="test"  value="check1">
      Check1
      <input type="checkbox" class="test" value="check2">
      Check2
      <input type="checkbox" class="test"  value="check3">
      Check3
      <br/>
      <input type="submit" value="submit" class="button" />
    </form>

    <script>    
    var checked = [];
    jQuery(function() {

        jQuery("#frm1").submit(function() { alert('enter');
            jQuery("input.test[type=checkbox]:checked").each(function() {
                alert(jQuery(this).val());
                checked.push(jQuery(this).val());
            });
            console.log(checked);
            return false;
        });
    });
    </script>