如果选中多个单选按钮,则显示div

时间:2014-08-06 17:05:16

标签: jquery hide

所以我试图只在使用Jquery检查多个单选按钮时才显示div id,我找到了一个解决方案,如果选中了一个按钮,但我找不到检查多个按钮被检查的解决方案立刻。

这是一个多项选择测验,所以让我说我有4个问题,3个答案,我需要它来检查是否在所有问题中检查了正确的答案。

这是我必须检查是否选中了一个当前正在工作的单选按钮:

$(document).ready(function(){
$('input[type="radio"]').click(function(){
        if($(this).attr("value")=="q1a1"){
            $("#div").show();
        }
        else{
            $("#div").hide();
        }
    });
});

q1a1是第一个问题的第一个答案。

我的想法是替换

if($(this).attr("value")=="q1a1")

if($('input[name="q1"]').attr("value")=="q1a1")

并让IF语句使用&&amp ;;检查所有4个单选按钮名称的值但我似乎无法使其发挥作用。我是替换$(这个)错了还是你根本不做我想做的事情?

编辑:自JSfiddle失败以来代码的实时版本:http://vendila.dk/formtest/

1 个答案:

答案 0 :(得分:0)

您可以使用:checked选择器检查正确的答案。

if($('input[value=q1a1]:checked, input[value=q2a2]:checked, input[value=q3a3]:checked').length == 3){
  $("#div").show();
}else{
  $("#div").hide();
}