javascript - 为 Javascript 中的单选按钮获取 true 或 false

Question

我正在从 View 中获取数据，并使用 JavaScript 进行保存。

HTML:

 <div>
     @Html.LabelFor(model => parts.ReturnRequired)
     @Html.RadioButtonFor(model => parts.ReturnRequired, true) Yes
     @Html.RadioButtonFor(model => parts.ReturnRequired, false) No
 </div>

这是我的 JavaScript:

$(document).ready(function () {
    $('#btPartHeaderSave').click(function () {
        var status = $('#parts_Status').val();
        var partsRequestOrderNum = $('#parts_PartsRequestOrderNum').val();
        var custShipping = $('#parts.CustShipping').val();
        var shipAddress1 = $('#parts_ShipAddress1').val();
        var shipAddress2 = $('#parts_ShipAddress2').val();
        var shipCounty = $('#parts_ShipCounty').val();
        var postCode = $('#parts_ShipPostCode').val();
        var deliveryType = $('#parts_DeliveryType').val();
        var notes = $('#parts_Notes').val();
        //var returnRequired = $('#ReturnRequired').val() == true;

        $.ajax({
            url: $(this).attr('data-url'),
            //url: "/Parts/PartHeaderSave",
            type: "POST",
            data: JSON.stringify({
                status: status, 
                partsRequestOrderNum: partsRequestOrderNum, 
                custShipping: custShipping, 
                shipAddress1: shipAddress1, 
                shipAddress2: shipAddress2, 
                shipCounty: shipCounty, 
                postCode: postCode, 
                deliveryType: deliveryType, 
                notes: notes, 
                returnRequired: returnRequired
            }),
            dataType: "json",
            traditional: true,
            contentType: "application/json; charset=utf-8",
            success: function (data) {
                alert("You have sucessfully saved the header");
                alert(returnRequired);
                //   $('#alertSavePartOrderHeader1').addClass('in');
            },
            error: function () {
                alert("An error has occured!!!");
            }
        });
    });
});

我正在尝试获取 ReturnRequired 的值。

//var returnRequired = $('#ReturnRequired').val();

如何设置它，以便在数据库中显示为 1 或 0？我假设使用 .val() 将不起作用。

出于某种原因，如果我单击是，它返回 0，如果我单击否，它仍然返回 0，即使在我的 html 中我得到了我的 >true/false。

Answer 1

:checked 伪类选择器适用于复选框和单选按钮。这会将 checked 属性的 boolean 值转换为 0 或 1:

var returnRequired = $('#ReturnRequired').is(':checked') ? 1 : 0;

您也可以使用双波浪号解决方案，但我认为潜在的小性能提升不值得缺乏可读性。

另一种解决方案是使用 Number 构造函数，或使用带有一元 + 的隐式转换。这些是等价的。

var returnRequired = new Number($('#ReturnRequired').is(':checked'));
var returnRequired = +$('#ReturnRequired').is(':checked');

您可以依赖此解决方案，因为 ECMAScript standard指定 true 转换为 1，false 转换为 0。