只有顶部

Question

我遇到了一个小问题。 最后一些代码正在运行，但只有第一个可用的复选框。 它应该提交表格，但这样做只会有一个表格。

使用过的JavaScript：

<script type=\"text/javascript\"> 
    $(document).ready(function() {
         $('#opties').on('click', function(){
                if($(this).is(':checked')) {
                        $('#frm').submit();
                    }
         });
    });
</script>

使用过PHP复选框表单项

<li class="list-group-item"><input type="checkbox" id="opties" name="opties_in[]" value="2240" checked > Item 2240</li>

<li class="list-group-item list-group-item-info"><input type="checkbox" id="opties" name="opties_in[]" value="2251" >Item 2251</li>

<li class="list-group-item"><input type="checkbox" id="opties" name="opties_in[]" value="2252" >Item 2252</li>

<li class="list-group-item list-group-item-info"><input type="checkbox" id="opties" name="opties_in[]" value="2250" >Item 2250</li>

第二个问题，对于以后;-)，它需要做的是onchange，而不是点击。但这应该很容易。

Answer 1

你应该使用＆＃39; class＆＃39;而不是一个＆＃39; id＆＃39; 尝试修改id =＆＃34; opties＆＃34;按类=＆＃34; opties＆＃34;

$('.opties').on('click', function(){
                if($(this).is(':checked')) {
                        $('#frm').submit();
                    }
         });

Answer 2

您的HTML无效。使用a validator。

文档中id必须唯一。

要识别一组相关元素，请使用class属性和类选择器（以.开头）。

复选框不是人们期望提交表单的UI控件。您应该强烈考虑使用提交按钮。

e.g。

<button name="opties_in[2240]" value="turn off"> Item 2240 </button>

这将消除对JavaScript的需求。