选择单选按钮时显示特定的Bootstrap模式,然后单击“保存”按钮

时间:2015-05-13 00:04:08

标签: javascript jquery html css twitter-bootstrap

我正在尝试将boostrap模式添加到我的html文件中,当用户选择特定的无线电输入然后点击保存按钮时,将打开引导模式。

模式只会在按下保存按钮时显示,如果选择了正确的无线电输入

我这里有小提琴,所以你可以看到我的UI

actions

喝彩!

2 个答案:

答案 0 :(得分:2)

行。所以我尝试了更多关于jQuery的研究,并在我的问题中找到了解决方案

这里的代码完全符合我想要发生的事情

$(document).ready(function(){
    $(".saveButton").click(function(){
        if($('#optionsRadios2').is(':checked')) { 
        $("#myModal").modal('show');
        }

    });
});

在行动http://jsfiddle.net/bm17cmxj/2/

中查看

答案 1 :(得分:0)

 <input type="radio" name="optionsRadios" id="optionsRadios1" value="**option1**">
                Option 1
              </label>
            </div> 
            <div class="radio">
              <label>
                <input type="radio" name="optionsRadios" id="optionsRadios1" value="**option1**">

这两个值都是option1。剪切和粘贴并不总是你的朋友:)