设置取消选中jQuery复选框的值

时间:2018-08-13 07:55:35

标签: javascript jquery html

嗨,我是javascript,html和jquery的新手。在此先感谢您的帮助或建议。我正在尝试将jquery复选框的值设置为No,如果取消选中,我会在jquery复选框之前添加一个与jquery复选框同名的html代码

<input type="hidden" name="c1" value="No" />

实际上,如果取消选中,则保存为否;但是,如果选中,则保存为是;否

我的jquesry复选框

<input grouping="" id="c1" name="c1" type="checkbox" value="Yes"    />

3 个答案:

答案 0 :(得分:0)

使用DOM

    if($("#c1").checked)
     $("#c1").value = "yes";
    else
     $("#c1").value = "no";

checked返回true,如果选中则为false

答案 1 :(得分:0)

您可以这样做:

-U

演示

$("#c1").change(function() {
  var name = $(this).attr("name");
  $("input[type=hidden][name=" + name + "]").val(($(this).is(":checked") ? "Yes" : "No"));
  console.log($("input[type=hidden][name=" + name + "]").val());
})
$("#c1").change(function() {
  var name = $(this).attr("name");
  $("input[type=hidden][name=" + name + "]").val(($(this).is(":checked") ? "Yes" : "No"));
  console.log($("input[type=hidden][name=" + name + "]").val());
})

答案 2 :(得分:0)

您可以使用javascript:

<input onchange="chkboxHandler()" id="c1" name="c1" type="checkbox" value="Yes" checked/>

在复选框的值更改时,我们将函数称为波纹管

<script>
        function chkboxHandler() {
          var chkbox = document.querySelector("input#c1")
          if (chkbox.checked) {
            chkbox.value = "Yes"
          } else {
            chkbox.value = "No"
          }
        }
</script>

希望您有答案