javascript如何查看剃刀变量？并设置复选框？

Question

有一个带有复选框的编辑表单。如果选中该复选框，它会使用脚本将是/否值发送到 hiddenfor( 变量。

<div class="form-group">
@Html.LabelFor(model => model.PTModel1, htmlAttributes: new { @class =      "control-label col-md-2" })
<div class="col-md-10">
    <div class="checkbox">
        @Html.CheckBox("checkbox")
        @Html.HiddenFor(model => model.PTModel1, new { htmlAttributes = new { @class = "form-control" } })
    </div>
</div>

脚本代码：

$("#checkbox1").on("click", function () {
                var myCheckbox1 = $("#checkbox1");
                if (myCheckbox1.is(":checked")) {
                    $("#PTModel1").val("Yes");
                }
                else {
                    $("#PTModel1").val("No");
                }
            });

在 mvc 引导表单中的 Create 和 Edit 方法上确定，它与一些脚本一起添加是/否可以正常工作；但是在进行编辑时会出现问题，如果该值已选中并且已设置为是，则它始终默认为否，并且未选中该复选框。如果现在以 PTModel1 变量形式出现的值是“是”，如何检查复选框？？

 <script>
   $(window).load(function () {

       switch (("#PTModel1").val) {

           case "Yes": $("#checkbox1").checked;
               alert("in switch case");
               break;
           default: alert("in switch case default" + "#PTModel1");
    }
});
</script>

问题：如果变量的值为“是”，如何设置复选框？语法没有达到我的预期。

第二个问题：有一次我保存了一个选中复选框的小图标图像，因此在索引视图中它会显示该图标。任何使它保存并显示状态的东西。复选框必须反映复选框的选中状态

Answer 1

查看以下代码中突出显示的错误：

$(window).load(function () {

    switch ($("#PTModel1").val()) {
        //  ^                 ^^

        case "Yes":
            $("#checkbox1").prop('checked', true);
            //              ^^^^^^^^^^^^^^^^^^^^^
            alert("in switch case");
            break;
        default:
            alert("in switch case default" + "#PTModel1");
    }
});

或

短版：

$(window).load(function () {
    $('#checkbox1').prop('checked', $('#PTModel1').val() == 'Yes');
});

事件处理程序的短版本

$("#checkbox1").on("click", function () {
    $('#PTModel1').val($(this).is(':checked') ? 'Yes' : 'No');
});