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 回答