javascript - 如何检测单选按钮列表的更改

Question

<ul id='theList'>
<li><input type='radio' name='foo' val='1' /></li>
<li><input type='radio' name='foo' val='2' /></li>
<li><input type='radio' name='foo' val='3' /></li>
<li><input type='radio' name='foo' val='4' /></li>
<li><input type='radio' name='foo' val='5' /></li>
</ul>

我想在选择某些 radio 输入时显示警报('hi')。 我试过这个:

$(function(){
   $('#theList input[type="radio"]').live('change', function(){
      alert('hi');
   });
});

而且它不起作用。 (我使用live是因为我通过ajax更改了ul的内容)

Answer 1

您的“更改”事件处理程序可能未正确绑定(bind)。当您动态更改要绑定(bind)的元素时，live() 并不总是有效。

只是为了测试，尝试 ajaxComplete()

类似于:

$('#theList').ajaxComplete(function(){
   <!-- attach change event -->
});