Bootstrap单选按钮不会在谷歌浏览器中激活

时间:2018-06-14 13:42:11

标签: javascript jquery html twitter-bootstrap

我的单选按钮在Internet Explorer中正常工作,但在Google Chrome中按钮似乎不会触发div.alert_text或div.question事件。所以我在网络工具包中遗漏了什么,或者Chrome是否击中了父div?我设置了一个调试器并在运行IE时点击它,但当我在chrome中运行时没有任何反应,有自举单选按钮,我在这里放了一个调试器:

$(document).ready(function () {
    $("div.alert_text").hide();

    $("div.question").find(':radio').click(function () {
        var isValid = $(this).hasClass('True');
        var divAlert = $(this).parents('.question').find('div.alert_text');
        debugger 
        if (!isValid) {
            divAlert.show();
            $(this).parents('.btn-group').find('.btn').removeClass('btn-success').removeClass('btn-danger');
            $(this).parents('.btn').addClass('btn-danger');
        }
        else {
            divAlert.hide();
            $(this).parents('.btn-group').find('.btn').removeClass('btn-success').removeClass('btn-danger');
            $(this).parents('.btn').addClass('btn-success');
        }

        // Enable-Disable Next Button
        if ($(":radio:checked.True").length == @Model.Count()) {
            $("#next").prop("disabled", false).removeClass("k-state-disabled");
        }
        else {
            $("#next").prop("checked", true).addClass("k-state-disabled");
        }
    })
});

HTML:

@foreach (var item in Model)
        {
            var id = item.QuestionID.ToString();
            var isYesValidAnswer = item.IsYesValidAnswer.Value ? "True" : "False";
            var isNoValidAnswer = item.IsNoValidAnswer.Value ? "True" : "False";
            <div class="row" style="background-color:darkgray; height:1px"></div>
            <div class="question row">
                <div class="col-md-10">
                    <div class="row"><b>@item.Title</b></div>
                    <div class="row">@item.Question</div>
                    <div class="row">
                        <div class="col-md-1"></div>
                        <div class="col-md-11"><font size="2">@item.YesText</font></div>
                    </div>
                    <div class="row">
                        <div class="col-md-1"></div>
                        <div class="col-md-11"><font size="2">@item.NoText</font></div>
                    </div>
                    <div class="row alert_text">
                        <div class="col-md-12 k-widget k-notification k-notification-error">Alert! @item.AlertMessage</div>
                    </div>
                </div>

                <div class="anwser col-md-2 btn-group" data-toggle="buttons">
                    <label for="" class="btn btn-default">
                        <input name="yes_no@(id)" class="@(isYesValidAnswer)" id="yes_no@(id)_True" value="True" type="radio">Yes
                    </label>
                    <label for="" class="btn btn-default">
                        <input name="yes_no@(id)" class="@(isNoValidAnswer)" id="yes_no@(id)_False" value="False" type="radio">No
                    </label>
                </div>
            </div>
        }

0 个答案:

没有答案