view.html修改后没反应,jquery修改dom后页面没有反应

如题，需求：单击切换复选框选中/不选中状态，代码如下

basic

test

$(function(){

$('#myBtn').click(function(){

$('input[name="test"]').attr("checked")=="checked"

?$('input[name="test"]').removeAttr("checked")

:$('input[name="test"]').attr("checked","checked");

});

});

代码通过jquery选中元素并使用arttr()和removeAttr()操作，可是当页面打开后，第一次点击按钮，可以变为选中，第二次点击可以变为不选中，可第三次点击时，页面就看不到效果了，但是审查元素窗口里面还是能看到dom被修改了，可页面上就是没有变化，有同学遇到过这种情况吗？或者可以解释一下为什么妈？好像是文档不会反复被浏览器加载。。这种情况该如何解决？