当我点击jQuery中的单选按钮时,我们如何运行一个函数

时间:2010-09-14 10:55:07

标签: jquery jquery-selectors

我有三个单选按钮,当我点击一个单选按钮时,我希望使用jQuery获得一些功能。

1 个答案:

答案 0 :(得分:5)

当您单击(例如)第二个无线电时,这将触发代码。那是你的意思吗?

示例: http://jsfiddle.net/z2f5j/

HTML

<input type='radio' name='somename' />one
<input type='radio' name='somename' />two
<input type='radio' name='somename' />​three​​​

的jQuery

    // :eq() uses a 0 based index, so 1 is the 2nd radio
$(':radio[name=somename]:eq(1)').click(function() {
    alert('i was clicked');
});​

您还可以使用change事件,而不是click

示例: http://jsfiddle.net/z2f5j/2/

      // run code when the radio is selected
$(':radio[name=somename]:eq(1)').change(function() {
    alert('i was changed');
});​