javascript - 如何在 Jquery UI 按钮上添加事件

Question

我有一个关于如何使用 Jquery UI 的问题。

这是我第一次尝试 Jquery UI，我可以使用 Jquery UI 按钮添加一个按钮。

现在，我想在收音机打开和关闭时添加事件。

例如，当单选框打开时，会显示一个警告窗口说“开”，而当单选框关闭时，会显示一个警告窗口说“关”。

如何将事件添加到 Jquery UI 按钮？

提前致谢 ！！

输出

javascript

$(function(){

    $('input[type=radio]').button();
    $('.set').buttonset();

})

html

<div class="set">
    <input type="radio" name="radio" id="radio1"><label for="radio1" />ON</label>
    <input type="radio" name="radio" id="radio2"><label for="radio2" />OFF</label>
</div>

Answer 1

你可以这样尝试

$('.set input').on('click', function(){
   alert($("label[for='"+$(this).attr("id")+"']").text()); 
});

小提琴 http://jsfiddle.net/DFKdh/

Answer 2

$('.set input[type=radio]').change(function () { 
    //doSomething
})

或者

$('.set').on('change', 'input[type=radio]', function () { 
    if ($(this).is(':checked'))
        alert($(this).text());
})

Answer 3

试试这个，这对你很有帮助。我还建议您尝试<span>始终对 html 文本使用标签，

html

<div class="set">
    <input type="radio" name="radio" id="radio1"><label for="radio1" />ON</label>
    <input type="radio" name="radio" id="radio2"><label for="radio2" />OFF</label>
</div>

JS

$("input[type=radio]").change(function() {  
            alert($(this).next('label').html());
        });