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

Question

嗨，我是javascript，html和jquery的新手。我真的很感激任何帮助或建议，提前感谢。我正在尝试将 jquery 复选框的值设置为 否 如果取消选中我在 jquery 复选框之前添加一个与我的 jquery 复选框同名的 html 代码

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

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

"我的杰奎斯里"复选框

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

Answer 1

你可以这样做：

$("#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 2

使用 DOM

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

选中返回 true(如果选中(或 false

Answer 3

你可以使用 javascript ：

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

在复选框的值更改时，我们调用函数 bellow

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

希望你有答案