沃梦达 / 编程问答 / php问题 / 正文

同时过帐选中和取消选中的复选框

Posting both checked and unchecked checkboxes(同时过帐选中和取消选中的复选框)

本文介绍了同时过帐选中和取消选中的复选框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在尝试在一个web表单中创建一系列复选框,根据它们是否被选中,它们会将"true"或"false"发布到下一个php页面。我决定对于每个复选框(value="true"),我都会有一个隐藏的复选框(value="false"),它总是相反的(当复选框被选中时,隐藏复选框被取消选中,依此类推)。我正在使用jQuery执行此操作。

‘td’元素的数量未知(‘td’可以使用一个按钮复制无限次,以提交多个值)。出于测试目的,我将警报添加到jQuery。

当我将jQuery代码和隐藏复选框添加到源代码中时(出于测试目的,我将其设置为可见),代码将无法工作,我网页上的所有其他jQuery也停止工作!

jQuery代码:

$(document).ready(function(){
    /***post all 'required' checkboxes instead of just checked ones***/
    $(".required").click(function(event){
        event.preventDefault();
        alert("test");
        nextIndex = this.index() + 1;
        alert(nextIndex);
        $(".required:eq(nextIndex)").attr("checked", !.required:eq(nextIndex).attr("checked"));
    });
});

HTML:

<td>
    <input type="checkbox" class="required" name="required[]" value="true">
    <input type="checkbox" class="required" name="required[]" value="false" style="display: none;" checked>
</td>

推荐答案

您不必隐藏其中一个复选框。这里有一个解决方案,可以实现您想要的功能:

<input type="hidden" name="required" value="false" />
<input type="checkbox" name="required" value="true" />
如果未选中该复选框,则隐藏字段将与false值一起提交。如果选中该复选框,则复选框中的true值将覆盖隐藏输入中的false值。

只要您能为每个复选框命名稍有不同,它就应该可以工作。

以下内容应该也适用于值数组:

<input type="hidden" name="required[0]" value="false" />
<input type="checkbox" name="required[0]" value="true" />

<input type="hidden" name="required[n]" value="false" />
<input type="checkbox" name="required[n]" value="true" />

这样,您不需要任何客户端javascript来切换隐藏的复选框。

这篇关于同时过帐选中和取消选中的复选框的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:同时过帐选中和取消选中的复选框

基础教程推荐