JQuery是一种著名的Javascript库,可以使编写Javascript代码变得更容易、更高效。其中的代理功能使用户能够触发对象的事件,使开发工作变得更容易。下面就让我们看看如何使用JQuery代理来触发radio按钮的事件。
$(document).ready(function() { $('#radio-group').on('change', 'input[type=radio]', function() { alert($(this).val()); }); $('#radio-group').append('Radio 1
'); $('#radio-group').append('Radio 2
'); $('#radio-group').append('Radio 3
'); $('#radio-group input[type=radio]').eq(1).prop('checked', true); $('#radio-group input[type=radio]').trigger('change'); });
在以上代码中,我们首先绑定了一个on()方法,用来监听#radio-group元素中的标签的变化事件。当#radio-group中的标签被选中时,会触发一个弹出框,显示所选按钮的value值。
然后我们添加了三个标签到#radio-group中,并使用eq()方法确定第二个标签为选中状态,并使用trigger()方法来触发change()事件。
以上就是利用JQuery代理来触发radio按钮的事件的方法,如果你想更深入地了解JQuery,可以去官网上查看更多资料。
上一篇 jquery 从上往下