使用 Bootstrap ,我有一组按钮:
<div id="first" class="panel panel-primary panel-width">
<div class="panel-heading">Yes/No Question</div>
<div id="answer" class="panel-body">
<div class="btn-group-sm" role="group" data-toggle="buttons-checkbox" aria-label="...">
<button type="button" name="CusYes" class="btn btn-default">Yes</button>
<button type="button" class="btn btn-default">No</button>
</div>
</div>
我想检查用户是否选中了是或否。这就是我 checkin js 文件的方式:
$(document).ready(function() {
$("#Submit").click(function() {
var CusYes = $("input:button[name=CusYes]:checked").val();
if(CusYes ==== "Yes") { alert ("it works!");}
});
});
在更改为 bootstrap 之前它曾经可以工作,但现在它不起作用。
添加了提交代码:
<button id="Submit" type="button" class="btn btn-success">
<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span> Submit !
</button>
最佳答案
它不再是一个input
标签,所以它不匹配。
最简单的方法就是给它一个 id 并使用它来检索值。
<button type="button" name="CusYes" id ="cusyes" class="btn btn-default">Yes</button>
var cusyes = $("#cusyes").val();
我想这也应该有效:
var CusYes = $("button:button[name=CusYes]:checked").val();
关于javascript - 根据选中的按钮做出决定,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31145933/