jquery 代理触发radio

洛仁耀 2周前 13浏览 0评论

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,可以去官网上查看更多资料。