属性与属性

Question

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

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

有人有想法吗？

Answer 1

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

来自文档：

属性与属性

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

Answer 2

＆＃13;

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

＆＃13;

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

＆＃13;

<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;

检查此样本。

javascript jquery选择单选按钮

2 个答案:

属性与属性