Question

我制作了一个JavaScript代码，以查看选中的复选框。

<script>
var saveTestValue = function() {
                         var selected = [];
                          $('#checkboxes input:checked').each(function() {
                              selected.push($(this).attr('name'));
                          });

                          alert(selected);
                    };
</script>
    <form>
    <input type="checkbox" name="A" value="A"> A
    <input type="checkbox" name="A" value="B"> B
    <input type="submit" value="Save" onsubmit="saveTestValue()">
    </form>

浏览器在调用此脚本时没有发出警报。

Answer 1

onsubmit="saveTestValue()"应该在form元素中，而不是input元素

<form onsubmit="saveTestValue()">
 ....
</form>

但如果您愿意，可以使用onclick元素定义input事件。

Answer 2

您在jquery调用中使用了id“#checkboxes”，但在您的表单中没有这样的id。你应该这样添加：

    <form id="checkboxes">

JavaScript - 无法获取所选复选框的名称

2 个答案: