显示真值的复选框

Question

我有一个WebGrid，它显示我表格中的值和一个编辑按钮。当用户单击此按钮时，会出现一个弹出表单或对话框表单，其中填充了我前面提到的同一个表中的值。

我已经设法格式化日期值，现在有兴趣格式化从我的表中显示在复选框中的布尔值（true/false）。目前，它显示为一个文本框，值为true或false。

以下是我的代码的一部分：

 $('#dialog-form2-edit').dialog(
            { 
//dialog form code .. this is fine

 $.getJSON('/Methods/GetCertificate/' + $(this).attr('id'), function (data)
                {   var certificate = data;
                    $('#edit-paid').val(certificate.Paid);
                    $('#edit-mark').val(certificate.Mark);
                    var date = new Date(parseInt(certificate.MarkDate.substr(6)));
                    var year = date.getFullYear();
                    var month = date.getMonth() + 1;
                    var day = date.getDate();
                    $('#edit-markdate').val(year + '-' + month + '-' + day);
                    $('#edit-markdate').datepicker({ dateFormat: 'yy-mm-dd' });

下面是我的html的一部分

<div id="dialog-form2-edit" title="Edit Certificate">
        <form id="edit-certificate-form" action="@Href("~/Methods/UpdateCertificate")">
            <div class="row">
                <span class="label"><label for="markdate">Mark Date :</label></span>
                <input type="text" name="markdate" id="edit-markdate" size="20"/>
            </div>
           <div class="row">
                <span class="label"><label for="mark">Mark :</label></span>
                <input type=text" name="mark" id="edit-mark" size="15"/>
            </div>

值标记和支付是布尔值。现在，我打算将类型更改为文本，并需要帮助将布尔值格式化为复选框。

Answer 1

使用此代码在复选框中显示布尔值。

$.getJSON('/Methods/GetCertificate/' + $(this).attr('id'), function (data)
                {
var certificate = data;
if(certificate.Pass == true){
     $('#edit-pass').attr('checked', 'checked')} 
 else {$('#edit-pass').removeAttr('checked', 'checked')};
// your other json data
})

removeAttr是必需的，因为我使用的是jquery-1.4。2.5分钟。js。测试及其工作原理

Answer 2

如果您有一个服务器端bool值，则可以在网页2中使用条件属性来管理复选框。您可以使用Razor为复选框的checked属性提供布尔值：

@{ var myBool = true; }

<input type="checkbox" name="mark" id="mark" checked="@myBool" />

如果布尔值为true，则呈现checked=“checked”。如果为false，则根本不会呈现选中的属性。