javascript - 使用 Javascript 设置复选框值

Question

我有一个复选框标签，可以说 checkbox1：

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

我想根据复选框是否选中为复选框发送两个不同的值（值属性）。

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

我该怎么做？

Answer 1

您可以添加value="aa"到您的复选框，如果选中该框，这将是发送的值。本机复选框无法发送“未选中”值。如果检查的值丢失，您要么必须检查服务器端，要么实施 javascript 解决方法。

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

这是一个使用 jQuery 连接解决方​​法的原生 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" ）