jquery – 选中的复选框属性为true,但不显示tick

前端之家收集整理的这篇文章主要介绍了jquery – 选中的复选框属性为true,但不显示tick前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个复选框,我想让它们表现得像单选按钮(其中只有一个在时间检查).

所以,我很容易找到一个jQuery解决方案应该可以解决这个问题:

$("input:checkBox").click(function(){
    var group = "input:checkBox[name='"+$(this).attr("name")+"']";
    $(group).attr("checked",false);
    $(this).attr("checked",true);
});

HTML看起来像这样:

<div class="radio">
    <label for="q_is_active_true">Is active</label>
    <input name="radio_buttons" type="hidden" value="0"><input id="q_is_active_true" name="radio_buttons" type="checkBox" value="1">
    <label for="q_is_active_false">Is not active</label>
    <input name="radio_buttons" type="hidden" value="0"><input id="q_is_active_false" name="radio_buttons" type="checkBox" value="1">
</div>

但是当我点击其中一个复选框时,即使其“check”属性设置为“checked”,也不会显示勾号:

解决方法

您需要通过它的 property设置检查状态才能达到您想要的效果
$("input:checkBox").click(function(){
    var group = "input:checkBox[name='"+$(this).attr("name")+"']";
    $(group).prop("checked",false);
    $(this).prop("checked",true);
});

jsFiddle here.

猜你在找的jQuery相关文章