使用 JavaScript 更改 JSP 中复选框的值

Question

我正在尝试更改复选框的值，当未选中复选框时，我希望复选框的值等于“N”。然后，如果选中该复选框，则同一复选框的值将更改为“Y”。然后这个值将被保存到我的数据库中。目前，当我保存复选框时，如果在保存到我的数据库时未选中复选框，则选中时该值将保存为“ON”，并且如果未选中该复选框，我的数据库字段将保持空白。请看下面的代码。

<script language="javascript">

    function validate() {
      if (document.getElementById('box1').checked) {
         alert("checked");
         document.getElementById('box1').value == 'Y'

      } else {
         alert("Checkbox not checked!")
         document.getElementById('box1').value == 'N'
      }
    }        

</script>

.......................

<td><input type="checkbox" name="chkbox3" id="box1" onclick="validate()"> Letter</td>

任何帮助将不胜感激。谢谢。

Answer 1

基本上，我认为这是一个可以通过“post form”解决的问题。

当您单击元素复选框时，您会触发一个函数“validate()”。 然后它改变复选框的值。

当这个输入元素被这样的表单包裹时：

<form method="post" action="/your/url/to/handle/data" name="postForm">
    <input type="checkbox" name="chkbox3" id="box1" onclick="validate()"> Letter
</form>

您可以添加一个“输入提交”元素来触发此表单发布：

<form method="post" action="/your/url/to/handle/data" name="postForm">
    <input type="checkbox" name="chkbox3" id="box1" onclick="validate()"> Letter

    <input type="submit" value="submit form" />   <!-- here is the trigger input -->
</form>

然后在你的handle页面中，你就可以接收到这个表单的key-value了。

P.S 表单元素中的 checkbox'key 是“name”而不是“id”。 在此演示中，您收到了如下数据： {chkbox3:'Y'}

就是这样，希望它能解决您的问题。 :)