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

Question

我对如何使用Jquery UI有疑问。

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

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

例如，当打开radiobox时，会出现一个警告窗口，显示“on”，当radiobox关闭时，会出现一个警告窗口，显示“off”。

如何将事件添加到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

试试this，这对您有所帮助。我还建议您尝试始终使用<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());
        });