0

以下は、非表示のテキスト ボックスを表示するために使用しようとしている jQuery コードです。ただし、クリックするとテキスト ボックスは非表示のままになり、いずれも起動しませんalerts。

このチェック ボックスについては.click、.change、を試し.mousedownましたが、どれも機能しませんでした。

ここにjQueryがあります

$('#OverrideRegionInd').click(function () {
    alert("here");
    alert($(this).is(':checked'));
    if ($(this).is(':checked')) {
        $('#territoryName').html("");
        $('#Region').val("");
        $('#Region').show();
    } else {

    }
});

そして、これがビューからのコードです。これは ASP MVC 3 サイトです

    <div class="M-editor-label">
        Override Territory Manually?
    </div>
    <div class="M-editor-field" style="padding-right:190px;padding-top:5px;">
        @Html.CheckBoxFor(Model => Model.OverrideRegionInd)
    </div>

編集

<div>これがレンダリング後の全体です

    <div class="M-editor-field" style="padding-right:190px;padding-top:5px;">
        <input data-val="true" data-val-required="The Override Territory? field is required." id="OverrideRegionInd" name="OverrideRegionInd" type="checkbox" value="true" /><input name="OverrideRegionInd" type="hidden" value="false" />
    </div>
4

1 に答える 1

1

投稿したコード (および結果の HTML)はそのまま正確に機能します(Fiddle HEREを参照) 。

唯一の違いは、JSFiddle がその jQuery をdocument.ready呼び出しにラップすることです。

$(function () {
    $('#OverrideRegionInd').click(function () {
       //click function code
    });
});
于 2013-04-30T21:53:19.000 に答える