Question

我试图通过他们的名字获取所有单选按钮并检查它们是否为空白。如果一个为空，则表单将显示警告，不会提交。如果所有按钮都已填满，那么它将转到＆＃34;否则＆＃34;部分，看看答案是否正确。如果它是正确的，那么它将在该页<div>中显示正确的值。

进入＆＃34;警报＆＃34;但是，即使我选择单选按钮，它也不会转到其他部分。

我做错了什么？

$(document).ready(function() {
  $("#btnDel").click(function() {
    var count = 0;
    if ($("input[name='ques1']").attr('checked', false) || $("input[name='ques2']").attr('checked', false)) {
      alert("Please Fill all the Fields");
    } else {
      //question no 1                           
      if ($("input[name='ques1']").attr('checked', false) || $("input[name='ques2']").attr('checked', false)) {
        alert("Please Fill all the Fields");
      } else {
        if ($("input[name='ques1']:checked").val() == 6) {
          count++;
          $("#answerques1").text("Your Answer is correct");
        } else {
          $("#answerques1").html("<p style='color:red'>Your Answer is incorrect</p>");
        }
        //question no 2
        if ($("input[name='ques2']:checked").val() == 4) {
          count++;
          $("#answerques2").text("Your Answer is correct");
        } else {
          $("#answerques2").html("<p style='color:red'>Your Answer is incorrect</p>");
        }
      }
    }    
  });
});

Answer 1

您可以使用.is(':checked')检查单选按钮是否已选中..

    if(!$("input[name='ques1']").is(':checked')  || !$("input[name='ques2']").is(':checked')){
    // Both are not checked
    }

Answer 2

将您尝试检查单选按钮选中属性的所有实例更改为以下代码。

if (!$("input[name='ques1']").is(':checked'))

像你现在这样做`.attr（'checked'，false）'设置属性而不是读取它。

如何确定是否选中单选按钮？

2 个答案: