設置取消選中jQuery復選框的值

Question

嗨，我是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"    />

Answer 1

使用DOM

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

如果返回，則返回true；否則返回false

Answer 2

您可以這樣做：

$("#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()); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="hidden" name="c1" value="No" /> <input grouping="" id="c1" name="c1" type="checkbox" value="Yes" /> 

Answer 3

您可以使用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>

希望你有答案