javascript - 使用 Javascript 设置复选框值

Question

我有一个复选框标签，比如说 checkbox1:

<TL:FWCheckBoxTag bean="<%=abc %>"  tabindex="23"/>

我想根据复选框是否选中来发送两个不同的值(值属性)。

例如，如果人们选中复选框，我想发送“aa”，如果未选中，我想发送“bb”。

我该怎么做？

Answer 1

您可以将 value="aa" 添加到您的复选框，如果选中该框，这将是发送的值。 native 复选框无法发送“未选中”值。您要么必须检查服务器端是否缺少检查的值，要么实现 JavaScript 解决方法。

在 JavaScript 中解决此问题的一种方法是使用具有实际值的隐藏字段，并将事件挂接到复选框以切换隐藏字段的值。

这是一个使用 jQuery 来连接解决方​​法的 native HTML 示例:

<input type="hidden" name="myrealtextboxvalue" id="myrealtextboxvalue" value="bb"/>
<input type="checkbox" name="toggle" id="toggle"/> Check me

<script>
$(document).ready(function() {
   $("#toggle").change(function() {
      if($(this).is(":checked")) $("#myrealtextboxvalue").val("aa");
      else $("#myrealtextboxvalue").val("bb");
   });
});
</script>

然后，您将查找“myrealtextboxvalue”服务器端以查找您的“aa”或“bb”值。

工作示例:http://jsbin.com/agucer/1/edit

(我使输入可见，以便您可以看到更改的发生，您可以像我上面那样更改 type="hidden")