jquery单选按钮复选标记应该在div中激发 $（文档）.ready（函数（）{ $（'#性别'）。更改（函数（）{ var resultnill=“”； $（“#stat5”）.html（resultnill）； var result=$（'input[type=“radio”]：checked'）； 如果（结果长度>0） { $（“#stat5”）。追加（“”）； } }); }); 性别： 男性 女性

当我勾选男性单选按钮时，会出现勾号，但如果我勾选女性单选按钮，则不会出现勾号框。

为什么不使用css样式声明简化生活：

$(document).ready(function(){
  $('#gender').change(function(){
    var resultnill="";
    $("#stat5").html(resultnill); 
    var result=$('input[type="radio"]:checked');
    if(result.length>0)
    {
      $("#stat5").append("<img src='tick.png'/>");
    }

  });
 });

<div class="form-group"> 
  <label for="gender" class="control-label col-xs-4">Gender:</label>
    <div class="col-xs-6">
    <label class="radio-inline"><input type="radio" name="gender" id="gender" value="M" required/>Male</label>
    <label class="radio-inline"><input type="radio" name="gender" id="gender" value="F" required/>Female</label>
    </div><div id="stat5"></div>
</div>

然后将

#stat5

元素行更改为此

#stat5 {display: none;}

---

Id选择器只影响html文档中具有该Id的第一个元素，您可以使用名称选择器，如下所示

$(document).ready(function(){
  $('#gender').change(function(){
    var result=$('input[type="radio"]:checked');
    if(result.length>0) 
      $("#stat5").hide();
    else
     $("#stat5").show();

---

您有重复的id

性别

，或者您可以在复选框中使用

类

或

名称

，如下所示：

HTML:

$('input[name=gender]').change(function(){
 //your code
});

性别：
男性
女性

JQUERY

<div class="form-group"> 
  <label for="gender" class="control-label col-xs-4">Gender:</label>
   <div class="col-xs-6">
    <label class="radio-inline"><input type="radio" name="gender" class="gender" value="M" required/>Male</label>
    <label class="radio-inline"><input type="radio" name="gender" class="gender" value="F" required/>Female</label>
   </div><div id="stat5"></div>
</div>

$（文档）.ready（函数（）{
$（'.gender'）.change（函数（）{
var resultnill=“”；
$（“#stat5”）.html（resultnill）；
var result=$（'input[type=radio][name=gender]：选中'）；
如果（结果长度>0）
{
//$（“#stat5”）。追加（“”）；
}
});
});

---

这是我的荣幸，你可以勾选回答，朋友，我还有一个问题。我有一个有三个输入的表单1。文本框2。复选框3。下拉列表。还有一个提交按钮。给出所有输入后，只应启用提交按钮。请帮帮我

<div class="form-group"> 
  <label for="gender" class="control-label col-xs-4">Gender:</label>
   <div class="col-xs-6">
    <label class="radio-inline"><input type="radio" name="gender" class="gender" value="M" required/>Male</label>
    <label class="radio-inline"><input type="radio" name="gender" class="gender" value="F" required/>Female</label>
   </div><div id="stat5"></div>
</div>

$(document).ready(function(){
  $('.gender').change(function(){
   var resultnill="";
   $("#stat5").html(resultnill); 
   var result=$('input[type=radio][name=gender]:checked');   
   if(result.length>0)
   {
     //$("#stat5").append("<img src='tick.png'/>");
   }
 });
});