javascript jquery选择单选按钮

时间:2014-09-26 06:52:57

标签: javascript php jquery html css

我有一个输出许多div的php脚本,每个div都是一个具有特定值的单选按钮。我想通过在单击div时选择单选按钮来创建更好的用户体验,这在我使用jquery时没有太大问题。问题是,当单击单选按钮本身而不是div时,以下单击不再具有选择单选按钮的效果。我还尝试在检查所选单选按钮之前删除每个单选按钮上的checked属性,但这不起作用。我是这样做的:

$(".fontCellDiv").click(function(){ 
     $(this).find("input").attr("checked", true);
 });

有人有想法吗?

2 个答案:

答案 0 :(得分:0)

使用.prop()代替.attr()

来自文档:

  

属性与属性

     

属性和属性之间的区别非常重要   具体情况。在jQuery 1.6之前,有时会使用.attr()方法   在检索某些属性时考虑了属性值,   这可能会导致行为不一致。从jQuery 1.6开始,.prop()   方法提供了一种显式检索属性值的方法   .attr()检索属性。

答案 1 :(得分:0)



$(".fontCellDiv").click(function(){ 
    $(".fontCellDiv").find("input").removeAttr('checked');
    $(this).find("input").attr("checked", true);
});

.fontCellDiv{
    width: 100px;
    background-color: #0f0;
    margin-bottom: 5px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div class="fontCellDiv">
    <input name="sameGroup" type="radio" />
</div>
<div class="fontCellDiv">
    <input name="sameGroup" type="radio" />
</div>
<div class="fontCellDiv">
    <input name="sameGroup" type="radio" />
</div>
&#13;
&#13;
&#13;

检查此样本。