Question

我在页面上有以下代码用于复选框。我需要在页面加载时默认选中它们。这将显示查询结果。现在，当取消选中其中一个复选框时，需要提交表单，并且需要显示不同的查询结果。即使我取消选中一个框，也始终会检查复选框。有人可以在这里指导我吗？感谢

   <form action="abc.cfm?show=yes" method="post" name="myform">
      <table align="center"><tr>
      <td>
     <input type="checkbox" checked="checked" name="chkbox" id="chkbox1"> <font size="3+"><strong> Agreement      Only</strong> </font>
       &nbsp;&nbsp;<input type="hidden" name="chk" id="chk1">
        <input type="checkbox" checked="checked" name="chkbox" id="chkbox2"> <font size="3+"><strong>Active          Employees</strong> </font>
     &nbsp;&nbsp;<input type="hidden" name="chk" id="chk2">
    </td>
    <td>
      <input type="Submit" name="submitnow" value="View now">
     </td>
        </table>
      </form>

             <cfif isdefined("form.chk1")>
                  query 1
              <cfelseif isdefined("form.chk2")>
                  query 2
             </cfif>

Answer 1

您可以使用<input type="hidden" value=" (the value of your checkbox here) "/>进行存储，然后发送已检查的值。

“保存选定的单选按钮状态”究竟是什么意思？

在您的表单发布到的页面中，您将通过检查发布变量来了解选中的复选框。如果您的想法是再次显示包含上述代码的页面，并选中用户选中的复选框，您可以查看以下内容（jQuery 1.6+）：

$("#chkboxId").prop('checked', true); //check the checkbox with id chkboxId.
$("#chkboxId").prop('checked', false); //uncheck it.

Answer 2

var states = [false, false, true];

function saveStates()
{
    var context = $("#chk1,#chk2,#chk3");
    $(context).each(function (index) {
        states[index] = $(context[index]).prop("checked");
    });
}

我没有对此进行测试，也许某处存在语法错误，但您明白了。您需要使用jQuery来应用我的解决方案。

在页面加载默认单选按钮

2 个答案: