一、坑復(fù)現(xiàn)

<div><input type='radio' name='test' value='1' checked/>1<span id='test_a'>a test </span ></div> <div><input type='radio' name='test' value='2'/>2<span id='test_b'>b test </span ></div> $('name="test"').on('change',function(){if(+this.value==1){$('#test_a').css('color','red');}else{$('#test_a').css('color','blue');} if(+this.value==2){$('#test_b').css('color','red');}else{$('#test_b').css('color','blue');} }).change();

結(jié)果：a test顯示藍(lán)色，b test顯示藍(lán)色

?

二、分析原因

默認(rèn)情況下change的匿名方法執(zhí)行兩次，而在點(diǎn)擊radio按鈕的時(shí)候change的匿名方法執(zhí)行一次。

$('name="test"')中被選中的元素才觸發(fā)change事件，而$('name="test"').change()把所有$('name="test"')元素都觸發(fā)change事件。

總結(jié)

以上是生活随笔為你收集整理的html的＜input type='radio'/＞change事件坑的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。