Как добавить события на кнопку 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

Попробуйте 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()); 
     }); 

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

Вы можете попробовать, как этот

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

скрипкуhttp://jsfiddle.net/DFKdh/