Question

javascript jquery 单选按钮点击

2011-02-28

343996

javascript jquery

我有 2 个单选按钮和正在运行的 jquery。

<input type="radio" name="lom" value="1" checked> first
<input type="radio" name="lom" value="2"> second

现在，我可以使用按钮设置 onClick 来运行某个函数。有什么方法可以让单选按钮在单击其中一个按钮时运行某个函数？

Answer 1

您可以使用 .change 来获取所需内容

$("input[@name='lom']").change(function(){
    // Do something interesting here
});

从 jQuery 1.3 开始

您不再需要 '@'。正确的选择方式是：

$("input[name='lom']")

Answer 2

如果您的收音机位于 id = radioButtonContainerId 的容器中，您仍然可以使用 onClick，然后检查选择了哪一个，并相应地运行一些功能：

$('#radioButtonContainerId input:radio').click(function() {
    if ($(this).val() === '1') {
      myFunction();
    } else if ($(this).val() === '2') {
      myOtherFunction();
    } 
  });

Answer 3

<input type="radio" name="radio" value="creditcard" />
<input type="radio" name="radio" value="cash"/>
<input type="radio" name="radio" value="cheque"/>
<input type="radio" name="radio" value="instore"/>

$("input[name='radio']:checked").val()