如何修复javascript在新的jquery库上不起作用，而在旧版本的jquery库上起作用？

Question

我有这个JavaScript代码，使复选框可以作为收音机工作

JAVASCRIPT

$(function() {$('input[type=checkbox]').click(function() {
        $('input[type=checkbox]').attr('checked', false);
        $(this).attr('checked', true);
    });
});

HTML

<label title="cat"><input name="" type="checkbox" checked>cat</label>
<label title="dog"><input name="" type="checkbox" >dog</label>
<label title="lion"><input name="" type="checkbox" >lion</label>
<label title="fish"><input name="" type="checkbox" >fish</label>
<label title="turtle"><input name="" type="checkbox" >turtle</label>

当我使用版本1.8.3的较旧jquery库但在尝试包含版本1.11.0的较新jquery库时，该方法正常工作，

我该如何解决？

这是http://jsfiddle.net/6upmbbf0/

如果将左上方的jquery版本更改为1.8.3或更低，则它可以工作，但高于1.8.3则不行。

Answer 1

检索和更新复选框的选中状态的正确方法是.prop() 。 .attr()只需检索或更新属性值； 它不一定更新输入的基础状态 。

---

jQuery Core 1.9升级指南提到行为已更改，这说明了为什么您的代码在jQuery <1.9版中有效。

Answer 2

使用not()而不是两次切换复选框。 如果首先排除选中的复选框，然后取消选中其他复选框，则效果更好。

$('input[type=checkbox]').not($(this)).prop('checked', false);

小提琴： http : //jsfiddle.net/6upmbbf0/3/

编辑，添加了Salman A的建议以使用prop()而不是attr()

Answer 3

使用'prop'代替'attr'作为

替换代码

$(function() {$('input[type=checkbox]').click(function() {
        $('input[type=checkbox]').prop('checked', false);
        $(this).prop('checked', true);
    });
});