0

だから私は小さな障害に出くわしました。チェックボックスが表示されているが無効になっているページがあります（DB駆動であるため、ユーザーは値を変更できません）。このチェックボックスの下に、オートコンプリート フィールドがあります。オートコンプリートのアイテムが戻ってきた場合、無効になっているチェックボックスの値を切り替えることができる必要があります。ただし、現時点ではそうすることができません。

これまでの私のコードは次のとおりです。

意見

...
<tr>
        <td class="adminTitle">
            @Html.NopLabelFor(model => model.IsSpecialOrder):
        </td>
        <td class="adminData">
            @Html.DisplayFor(model => model.IsSpecialOrder)
            @Html.HiddenFor(model => model.IsSpecialOrder)
        </td>
    </tr>
    <tr>
        <td class="adminTitle">
            @Html.NopLabelFor(model => model.ItemNumber):
        </td>
        <td class="adminData">
            @if (Model.Id > 0)
            {
                @Html.DisplayFor(model => model.ItemNumber)
            }
            else
            {
                @Html.EditorFor(model => model.ItemNumber)
            }
        </td>
    </tr>
...

<script type="text/javascript">
...
$("#ItemNumber").autocomplete({
            minLength: 2,
            source: function (request, response) {
                var itemNumber = $("#ItemNumber").val();
                //Get available Products based on search parameter and map data
                $.getJSON('@Url.Action("GetProductsByItemNumber", "PurchaseOrder")', { searchProduct: itemNumber }, function (data) {
                    for (var i = 0; i < data.length; i++) {
                        productData.push({ 'Id': data[i].Id, 'Name': data[i].Name, 'ItemNumber': data[i].ItemNumber, 'Description': data[i].Description,
                            'IsSpecialOrder': data[i].IsSpecialOrder
                        });
                    }
                    response($.map(data, function (item) {
                        return {
                            value: item.ItemNumber,
                            id: item.Id
                        };
                    }));
                })
            },
            select: function (event, ui) {
                if (ui.item.id == 0) {
                    //Do some house cleaning and alert user to mistake
                    alert("You must retry your search for a Product");
                    $("#Name").val("");
                    $("#ItemNumber").val("");
                    $(".ProductDescription").html("");
                    document.getElementById("@Html.FieldIdFor(model => model.IsSpecialOrder)").checked = false;
                    //$("#IsSpecialOrder").prop("checked", false);

                    return false;
                }

                //Record ProductId
                $("#ProductId").val(ui.item.id);

                //Fill RequestorExt with correct data
                var description = GetData(productData, ui.item.id, "desc");
                var name = GetData(productData, ui.item.id, "name");
                var isSpecialOrder = GetData(productData, ui.item.id, "is");
                $(".ProductDescription").html(description);
                $("#Name").val(name);
                document.getElementById("@Html.FieldIdFor(model => model.IsSpecialOrder)").checked = isSpecialOrder;
                //$("#IsSpecialOrder").prop("checked", isSpecialOrder);
            }
        });
...
</script>

私が読んだことから、無効になっているフィールドは有効にしないと変更できません。これがこれを修正する唯一の方法だと思いますが、最初に確認したかったのです。何か案は？

4

3 に答える 3

1

チェックボックスが有効か無効かは関係ありません。checkedプロパティのプロパティをfalseに設定する代わりに、チェックボックスから属性を削除する必要がcheckedあります。そうしないと、チェックされたままになります。

document.getElementById("@Html.FieldIdFor(model => model.IsSpecialOrder)").removeAttribute('checked');

例: http://jsbin.com/izonur/2/edit

于 2013-04-04T14:59:34.190 に答える
1

私が読んだことから、無効になっているフィールドは有効にしないと変更できません。これがこれを修正する唯一の方法だと思いますが、最初に確認したかったのです。何か案は？

無効なフィールドは確実に変更できます。このフィドルを参照してください。js コードに正しい値があることを再確認してください。

参考までに（フィドルにあるのと同じコード）：

<input type="checkbox" disabled="disabled" checked="checked" id="chkbox"/>
<input type="button" value="Toggle" id="toggle"/>

var chkBox = $("#chkbox");
$("#toggle").click(function(){        
    if (chkBox.is(':checked')) {        
        chkBox.prop('checked', false);
    }
    else {        
        chkBox.prop('checked', true);
    }

});
于 2013-04-04T14:59:39.530 に答える