jQuery單選按鈕隱藏的輸入值更改

Question

我有一個單選按鈕，允許用戶選擇一個選項，為此，我進行了隱藏輸入以根據此選擇保存值。

形式如下：

<form action="#" method="post">
    <label for='radio1'>Select this?&nbsp;&nbsp;</label>
    <input type='checkbox' id='radio1' name='radio1' />

    <input type="hidden" id="value1" name="value1" value="" />

    <input type='submit' name='submit' value='Submit' />
</form>

jQuery如下所示：

<script>
    $(document).ready(function () {
        $("#radio1").on("click", function () {
            var value1 = $("#value1").value;
            if ($("#radio1").attr("checked") == 'checked') {
                value1.val("true");
            }
            else {
                value1.val("false");
            }
        });
    });
</script>

我不知道我在哪里做錯了或如何解決，有人可以指出正確的方法嗎？

Answer 1

您需要檢查已檢查屬性的值

$(document).ready(function () {
    $("#radio1").on("click", function () {
        $("#value1").val(this.checked);
    });
});

演示： 小提琴

Answer 2

您不需要.value到value1

var value1 = $("#value1"); // Don't need `.value` here

if ($("#radio1").is(":checked")) {
    value1.val("true");
} else {
    value1.val("false");
}

Answer 3

這是運行代碼

  $(document).ready(function() { $("#radio1").on("click", function() { if ($("#radio1").is(":checked")) { alert($("#radio1").attr("checked", true).is(":checked")); } else { alert($("#radio1").attr("checked", false).is(":checked")); } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <label for='radio1'>Select this?&nbsp;&nbsp;</label> <input type='checkbox' id='radio1' name='radio1' /> <input type="hidden" id="value1" name="value1" value="" /> <input type='submit' name='submit' value='Submit' />