如何从单选按钮动态获取值?

时间:2015-06-18 00:08:43

标签: jquery button radio

这是对页面上发生更改的更改事件。

$(this).change(function(){
    type = $('input[name='+$(this).name+'radioName]:checked', '#myForm').val();
    alert(type);
});

我想获得点击的单选按钮。所以当点击Profit时我可以显示隐藏的输入框。

<TD align=left>
    <input type=radio name="Red" value="l" checked>Loss
    <input type=radio name="Red" value="w">Win
    <input type=radio name="Red" value="p">Profit
    <INPUT value="" name="profitRed" LENGTH="5" hidden>
</TD>
<TD align=left>
    <input type=radio name="Black" value="l" checked>Loss
    <input type=radio name="Black" value="w">Win
    <input type=radio name="Black" value="p">Profit
    <INPUT value="" name="profitBlack" LENGTH="5" hidden>
</TD>

那么单击单选按钮,我想获取名称,并检查值。如果值是&#34; p&#34;,那么我想更新相应的文本框。

If(type=="p")
{
    $("profit"+$(this).name).show();
}

我是JQuery的新手,真的希望有人可以帮助我。它会让事情变得比检查每个名字容易得多。

非常感谢

2 个答案:

答案 0 :(得分:2)

$('input[type="radio"]').on('click',function(){
     var value = $(this).val();
     var name = $(this).attr('name');
     if(value == 'p'){
         // add . for class or # for id
         $('#profit'+ name).show();
         // this will show the element with Id='profitBlack'
     }
});

答案 1 :(得分:0)

你需要听取输入而不是$(this)。一旦发生变化,您可以获取名称并检查该值是否等于p。

$('input').change(function(){
    type = $(this).attr('name');
    alert(type);
    if($(this).attr('value')=='p')
        $("profit"+$(this).name).show();
});