Jquery 选中单选按钮时复选框淡入
我有一段代码可以在jQuery1.7.2中使用,但在1.9.1中似乎不起作用 现在我很好奇是什么改变了 有人能帮我吗Jquery 选中单选按钮时复选框淡入,jquery,checkbox,hidden,fade,Jquery,Checkbox,Hidden,Fade,我有一段代码可以在jQuery1.7.2中使用,但在1.9.1中似乎不起作用 现在我很好奇是什么改变了 有人能帮我吗 })) 您应该使用is而不是attr: $("#verzekeringen").click(function () { if ($("#verzekeringen").is(':checked')) { $("#ikga-akkoord").fadeIn(); } }); 查看您的更新版本。查看以下内容: 同一页上不能有多个id,这就是我
})) 您应该使用
is
而不是attr
:
$("#verzekeringen").click(function () {
if ($("#verzekeringen").is(':checked')) {
$("#ikga-akkoord").fadeIn();
}
});
查看您的更新版本。查看以下内容:
同一页上不能有多个id,这就是我将id更改为类的原因
<div class="kiesbundelblokken">
<div id="belsms">
<p>Verzekeringen</p>
<div class="radiobuttonsverzekeringen">
<label>
<input class="verzekeringen" type="radio" name="verzekeringen" value="normaal"
/>ACE Toestelverzekering</label>
<label>
<input class="verzekeringen" type="radio" name="verzekeringen" value="plus"
/>ACE Toestelverzekering Plus</label>
<label id="ikga-akkoord">
<input id="akkoordvoorwaarden" type="checkbox" name="akkoordvoorwaarden"
value="akkoordvoorwaarden" />Ik ga akkoord met deze voorwaarden</label>
</div>
</div>
维泽克林根
王牌托斯泰尔弗泽克林
王牌托斯泰尔弗泽克林升级版
Ik ga akkoord遇到了deze voorwaarden
编辑
基于@soyuka命令,我将attr('checked')更改为.is(':checked')。一种更好更干净的方法。如果未检查某些内容,attr('checked')将返回undefined,因此这是无效的。+1用于多个id,但他的代码不工作,因为
attr('checked')
。我知道,您应该提到您更改了它:)。@soyuka oww是的,我更改了它(将更改我的答案).这一切都在名称ID=一个人的身份(ID)对一个人来说是唯一的。班级=一个班里有很多人。非常感谢,这就解决了问题。那么问题在于ID和attr的使用是否已检查?
$(document).ready(function () {
$("#ikga-akkoord").hide();
$(".verzekeringen").on('click', function () {
if ($(this).is(':checked')) {
$("#ikga-akkoord").fadeIn();
}
});
});
<div class="kiesbundelblokken">
<div id="belsms">
<p>Verzekeringen</p>
<div class="radiobuttonsverzekeringen">
<label>
<input class="verzekeringen" type="radio" name="verzekeringen" value="normaal"
/>ACE Toestelverzekering</label>
<label>
<input class="verzekeringen" type="radio" name="verzekeringen" value="plus"
/>ACE Toestelverzekering Plus</label>
<label id="ikga-akkoord">
<input id="akkoordvoorwaarden" type="checkbox" name="akkoordvoorwaarden"
value="akkoordvoorwaarden" />Ik ga akkoord met deze voorwaarden</label>
</div>
</div>