jquery的活动单选按钮

Question

我在本网站上使用了所有有用的答案来尝试构建一个jquery脚本来选择单选按钮，但由于某些原因它们不起作用。难道我做错了什么？为了简单起见，我已经从广场开始。

我附上了php生成的表单在下面生成的格式。我尝试了多个浏览器，但无法获取任何按钮来选择任何内容。我没有考虑到一些复杂性吗？该页面是一个.php页面，表单是在php中生成的。

对不起，基本的问题 - 任何帮助将不胜感激。不确定它是否相关，但我希望这些按钮可以在移动设备以及各种浏览器上使用。

表格代号：

<form class="form-horizontal" method="get" action="submit.php" name="form"> 
    <div class="control-group"> 
     <div class="row-fluid"> 
      <div class="span2"></div> 
      <div class="span8"> 
       <label class = "control-label" for="input1"> foreign policy </label> 

       <div class="controls"> 
        <label class="checkbox inline"><input type="radio" name="group1" id="1_l" value="1_l"> Liberal</label> 
        <label class="checkbox inline"><input type="radio" name="group1" id="1_m" value="1_m"> Moderate</label> 
        <label class="checkbox inline"><input type="radio" name="group1" id="1_c" value="1_c"> Conservative</label> 
       </div> 
      </div> 
     </div> 

     <div class="row-fluid"> 
      <div class="span2"></div> 
      <div class="span8"> 
       <br> 
       <center><button type="submit" class="btn btn-danger btn-large">Generate</button></center> 
      </div> 
      <div class="span2"></div> 
     </div> 
</form> 

jQuery代码：

$('button').click(
function() { 
    $('#1_l').attr('checked', true); 
} 
); 

Answer 1

确保只绑定DOM加载后的处理程序：

$(function() { 
    $('button').click(function() { 
    $('#1_l').attr('checked', true); 
    }); 
}); 

Answer 2

使用“：检查“选择器在jQuery中选择检查的输入，否则你只会得到第一个。

$(function() { 

    $('button.btn').click(function() { 
     var $box = $('.checkbox input:checked'); 
     if ($box.length > 0) 
      alert($box.val()); 
    }); 

});​ 

Answer 3

这里是我看你有我关闭它

我改变了按钮类型按钮，而不是服从，所以我可以看到它的工作，一切都很好，这不是关闭一个div

See my working DEMO

<form class="form-horizontal" method="get" action="submit.php" name="form"> 
    <div class="control-group"> 
     <div class="row-fluid"> 
      <div class="span2"></div> 
      <div class="span8"> 
       <label class = "control-label" for="input1"> foreign policy </label> 

       <div class="controls"> 
        <label class="checkbox inline"><input type="radio" name="group1" id="1_l" value="1_l"> Liberal</label> 
        <label class="checkbox inline"><input type="radio" name="group1" id="1_m" value="1_m"> Moderate</label> 
        <label class="checkbox inline"><input type="radio" name="group1" id="1_c" value="1_c"> Conservative</label> 
       </div> 
      </div> 
     </div> 

     <div class="row-fluid"> 
      <div class="span2"></div> 
      <div class="span8"> 
       <br> 
       <center><button type="button" class="btn btn-danger btn-large">Generate</button></center> 
      </div> 
      <div class="span2"></div> 
     </div> 
    </div> 
</form>​ 

，这里是jQuery的

$(function() { 
    $('button').click(function() { 
     $('#1_l').attr('checked', true); 
    });​ 
}