input type = “checkbox“标签在不被选中的情况下怎么传值

最新推荐文章于 2024-08-17 16:33:18 发布

原创最新推荐文章于 2024-08-17 16:33:18 发布 · 932 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #jquery

文章讲述了在开发中遇到的一个问题，即checkbox类型的input标签在未被选中时不向后端传递值。通过使用jQuery尝试解决，但发现只有选中状态才会传值。最终解决方案是添加一个hidden类型的input，通过JavaScript控制其值来实现未选中时也能传值的效果。

今天在开发过程中发现一个问题就是当 checkbox类型的input标签不被选中时是不会向后端传值的

   <input id="userStatus" name="userStatus" type="checkbox" value="1" />

只有当该元素被checked默认被选中时才会传值，但是我们想要做的是不被选中时候传值

用JQ写了一个代码发现还是只有被切换成checked的时候才能传值

   function stat_click() {
         if ($("#userStatus").is(':checked') ){
            $("#userStatus").val(1)
         }else {
              $("#userStatus").val(2)
         }

发现还是只有当选中时才会像后端传值。

解决办法：可以设置两个input框第一个type="hidden"

 <input type="hidden" name="userStatus" value="2">
  <input id="userStatus" type="checkbox" value="1" onclick="changeValue()"/>

  function changeValue() {
        if ($("#userStatus").is(':checked')) {
            $('input[name = "userStatus"]').val(1)
        } else {
            $('input[name = "userStatus"]').val(2)
        }

通过控制下面的input标签进行上面传值的控制，默认让这个值为2当选中时候就切换成value="1"，来达到不被选中也可以传值的效果