JQuery：获取单选值并执行不同的操作

Question

我有 2 个无线电输入。如何处理 onchange 事件上选定值的 jquery 函数？

<input value="radio_2way" name="IBE1$IBE_NurFlug1$flightIBE" id="IBE1_IBE_NurFlug1_radio_2way" checked="checked" type="radio">Hin- und Rückflug &nbsp;&nbsp;<input value="radio_1way" name="IBE1$IBE_NurFlug1$flightIBE" id="IBE1_IBE_NurFlug1_radio_1way" type="radio">Einfach

如果检查的值为 radio_1way，则执行 function1，如果检查的值为 radio_2way，则执行 function2。

非常感谢，问候

Answer 1

只需将更改事件附加到无线电的

$(document).ready(function(){
    $('input[id^="IBE1_IBE_NurFlug1"]').change(function(e){
       var $changed = $(e.target);
       alert($changed.val());
    });
});

检查 jsFiddle： http://jsfiddle.net/BUgRV/

Answer 2

我将根据名称使用更改事件，然后找到选中的按钮的值并将其关闭。请注意，正在更改的按钮将是被选中的按钮，因此您可以获得 this 的值。我最初担心它们可能会触发两个更改事件（一个用于选中按钮，另一个用于未选中按钮）。不过，我测试的两个浏览器似乎以一种合理的方式处理它，并且只在被检查的按钮上生成更改事件。在 Firefox 和 Safari 中测试。

$(function() {
    $('[name=IBE1$IBE_NurFlug1$flightIBE]').change( function() {
        if ($(this).val() == 'radio_2way") {
           ...
        }
        else {
           ...
        }
    }
});

Answer 3

尝试

 $("input").click(function(){
            if($(this).attr('value') == 'radio_2way'){
              alert('2 way');
             }    
    });

根据您的需要更改上面的代码。您需要将上述代码放在 $(document).ready() 部分中。

编辑：

正如所指出的，您可能需要使用 $("input").change 而不是 click。