验证jQuery on按钮函数中的单选输入

我有一个带有2个选项的无线电输入，让用户定义他们的性别。单击按钮后，jquery应检查是否选择了任何内容

如果是-用无线电输入隐藏div并显示另一个

如果没有（未选择任何内容），则显示错误文本

问题是，如果没有选择任何内容，代码会显示错误文本，但即使用户选择了性别，代码也不会隐藏此div并显示另一个div

jQuery部分：

           $('#button_1').click(function(){
        gender = $('input:radio[name=1_gender]:checked').val();
              if ('input:radio[name=1_gender].not(:checked') {
              $("label#1_gender_error").show();
              $("input#1_gender").focus();
              return false;
              } 
            if ('input:radio[name=1_gender]:checked') {
            $('#gender_div').hide();
            $('#other_div').show();
            }
          });

      <div id="gender_div">
    <form name="form_gender" action="">
    <fieldset>
      <label for="gender" id="1_gender_label">You are...</label><br />
      <input type="radio" name="1_gender" id="1_men"  value="men" class="text-input" />
      <label for="men">Men</label><br />

   <input type="radio" name="1_gender" id="1_woman"  value="woman" class="text-input" />
   <label for="woman">Woman</label>
    <br />

    <label class="error" for="1_gender" id="1_gender_error">Text for shaming for not selecting gender</label>
    <br />
    <input type="button" name="submit" class="button" id="button_1" value="Next" />
    </fieldset>
    </form>
  </div>

HTML部分：

           $('#button_1').click(function(){
        gender = $('input:radio[name=1_gender]:checked').val();
              if ('input:radio[name=1_gender].not(:checked') {
              $("label#1_gender_error").show();
              $("input#1_gender").focus();
              return false;
              } 
            if ('input:radio[name=1_gender]:checked') {
            $('#gender_div').hide();
            $('#other_div').show();
            }
          });

      <div id="gender_div">
    <form name="form_gender" action="">
    <fieldset>
      <label for="gender" id="1_gender_label">You are...</label><br />
      <input type="radio" name="1_gender" id="1_men"  value="men" class="text-input" />
      <label for="men">Men</label><br />

   <input type="radio" name="1_gender" id="1_woman"  value="woman" class="text-input" />
   <label for="woman">Woman</label>
    <br />

    <label class="error" for="1_gender" id="1_gender_error">Text for shaming for not selecting gender</label>
    <br />
    <input type="button" name="submit" class="button" id="button_1" value="Next" />
    </fieldset>
    </form>
  </div>

你是……

男人

女人


因未选择性别而羞耻的文本

任何帮助或提示都将不胜感激

   $('#button_1').click(function () {


      if (!$("input:radio[name=1_gender]").is(":checked")) {
          $("label#1_gender_error").show();
          $("input#1_gender").focus();
          console.log("not checked")
          return false;
      } else {
          if ('input:radio[name=1_gender]:checked') $('#gender_div').hide();
          $('#other_div').show();
          console.log("checked")
      }
  });

我会为你工作的

您正在验证if语句中的字符串

if ('input:radio[name=1_gender].not(:checked')

---

它将始终导致true

好的，您正在测试您内部的一个字符串，if语句将始终导致一个真值，使用is（“：checked”），我们确定是否选中了单选按钮，因为代码块是（未选中）我添加的所需代码！否定价值是的，这是有道理的。再次感谢！