JQuery:获取无线电值并执行不同的操作

时间:2010-07-02 10:37:30

标签: jquery input radio

我有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。

很多,问候

3 个答案:

答案 0 :(得分:0)

尝试

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

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

编辑:

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

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

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

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

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