我有一个输出许多div的php脚本,每个div都是一个具有特定值的单选按钮。我想通过在单击div时选择单选按钮来创建更好的用户体验,这在我使用jquery时没有太大问题。问题是,当单击单选按钮本身而不是div时,以下单击不再具有选择单选按钮的效果。我还尝试在检查所选单选按钮之前删除每个单选按钮上的checked属性,但这不起作用。我是这样做的:
$(".fontCellDiv").click(function(){
$(this).find("input").attr("checked", true);
});
有人有想法吗?
答案 0 :(得分:0)
来自文档:
属性与属性
属性和属性之间的区别非常重要 具体情况。在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;
检查此样本。