一、坑復現

<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();

結果：a test顯示藍色，b test顯示藍色

?

二、分析原因

默認情況下change的匿名方法執行兩次，而在點擊radio按鈕的時候change的匿名方法執行一次。

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。