bootstrap单选按钮没有响应

时间:2015-12-31 18:30:08

标签: jquery twitter-bootstrap

我正在使用bootstrap 3,我的单选按钮点击事件由于某种原因没有触发。我也尝试过普通的javascript方法,但由于某种原因这种方法不起作用。所以寻求帮助

  <!-- radio -->
                            <div class="form-group">
                                <label for="inputAccountContactAddressZip" class="col-sm-3 control-label">Is billing info same as above? </label>

                                <div class="col-sm-1">
                                    <label>
                                        <input type="radio" name="optionsRadios" class="minimal" value="Yes" onclick="showDiv()" />
                                        Yes
                                    </label>
                                </div>
                                <div class="col-sm-1">
                                    <label>
                                        <input type="radio" name="optionsRadios" class="minimal" value="No" />
                                        No
                                    </label>
                                </div>

                            </div>

我的javascript看起来像..

    <script type="text/javascript">

    function showDiv()
    {
    alert("show");
    }

    $(document).ready(function() {
        alert("hi-ready");
        $('input[type="radio"].minimal').click({
            alert("test")
        });
    });
</script>

2 个答案:

答案 0 :(得分:0)

尝试使用batchInterval作为jquery选择器。

答案 1 :(得分:0)

您可以像这样修改jquery点击:

 $(document).ready(function() {

    $('input[type="radio"].minimal').on
    ("click",function(){
        alert($(this).val());
    });
});

https://jsfiddle.net/kodedsoft/09o6ynhv/