jQuery按钮组更改

Bra*_*rad 6 jquery jquery-ui jquery-ui-button

我是jQuery的新手,并且认为我会在我的应用程序中使用它的buttonset而不是一些单选按钮.文档:http: //jqueryui.com/demos/button/#radio

当按钮组更改值时,如何为事件添加处理程序?

这是我尝试的代码片段:

$('input.tod_quant').change(function() {
    alert('TEST');
});
Run Code Online (Sandbox Code Playgroud)

然后在HTML中:

<span id="tod_quant" class="buttonset">
        <input type="radio" id="tod_quant5" name="tod_quant" value="5" /><label for="tod_quant5">5-Minute</label>
        <input type="radio" id="tod_quant60" name="tod_quant" checked="checked" value="60" /><label for="tod_quant60">60-Minute</label>
        </span>
Run Code Online (Sandbox Code Playgroud)

"改变"事件永远不会发生.甚至有变化事件吗?我怎样才能做到这一点?此外,是否有任何文档的例子? http://jqueryui.com有很多例子,我找不到任何一个例子可以显示任何事件.我想我对jQuery的无知并不完全有助于这种情况.

非常感激任何的帮助.谢谢.

mar*_*ero 9

changejQuery-UI中没有按钮的事件.

您应该听取更改或单击基础单选按钮的事件:

http://jsfiddle.net/marcosfromero/kr2Xc/

  • 虽然这是真的,但您可以收听应用于按钮组的更改事件.看起来像一个jQuery复活节彩蛋,但这很好用:`$('#tod_quant').buttonset().change(function(){// do stuff});` (2认同)

Bra*_*rad 6

哈!问题解决了.我整天都在乱砍这个,而且它就在我面前.

我只需要改变我选择元素的方式:

$('#tod_quant')
Run Code Online (Sandbox Code Playgroud)