我有一段代码:
<tr>
<td class='txtLeft' width='40%'>User Question</td>
<td class='txtRight'>
<div class='buttonset' id='btnSet_Current'>
<input type="radio" id="cur1" name="current" value="1" alt='test' data-id='verifyUpdInc'/><label for="cur1">Yes</label>
<input type="radio" id="cur2" name="current" value="0" alt='test' data-id='verifyUpdInc'/><label for="cur2">No</label>
</div><span></span>
</td>
</tr>
<tr>
<td class='txtLeft' width='40%'>User Question</td>
<td class='txtRight'>
<div class='buttonset' id='btnSet_Over_yr'>
<input type="radio" id="ovr1" name="over_yr" value="1" alt='test' data-id='verifyUpdInc'/><label for="ovr1">Yes</label>
<input type="radio" id="ovr2" name="over_yr" value="0" alt='test' data-id='verifyUpdInc'/><label for="ovr2">No</label>
</div><span></span>
</td>
</tr>
此内容是通过 ajax 加载的。如果在单击四个单选按钮之一时调用我方法。
这是jQuery:
$(document).on("click",("#cur1,#cur,#ovr1,#ovr2","#verifyNewIncome_InputTable"),function(){
updateIncomeFields( "#verifyNewIncome_InputTable" );
})
function updateIncomeFields( table ){
console.log('start updating fields.');
}
我的控制台每次都显示 4 个触发事件。如果我删除 $(document) 作为选择器,并使用实际的 id 标签 - 在 DOM 中找不到元素。
感谢您的帮助