通过选中单选按钮选择Ajax调用

时间:2014-07-09 06:07:40

标签: javascript jquery html ajax

这是我的示例代码。在单击单选按钮时,应检查if条件并触发以下ajax调用。但它总是触发第一个ajax调用

$(document).ready(function (){
$('#save').click(function (event)
{
    if ($("#im").is(":checked")) //check not working
    {
        $.get('../bus.php',
        {
            fxn: 'A',
            jsn: '{"name":"' + name + '"}'
        });
    }
    else if ($("#gm").is(":checked"))
    {
        $.get('../bus.php',
        {
            fxn: 'B',
            jsn: '{"name":"' + name + '"}'
        });
    }
    else
    {
        $.get('../bus.php',
        {
            fxn: 'C',
            jsn: '{"name":"' + name + '"}'
        });
    }
});});

<html>
<body>
    <input type=radio name="radio1" value="1" id="im"><label>A</label> 
    <input type=radio name="radio1" value="2" id="gm"><label>B</label>
    <input type=radio name="radio1" value="3" id="am"><label>c</label>
</body>

4 个答案:

答案 0 :(得分:1)

怎么样?

var val = $("input[name='radio1']:checked").val();
switch (val) {
case : "1":
// code
break;
case : "2":
// code
break;
case : "3":
// code
break;
}

答案 1 :(得分:1)

代码对我来说也很完美。

$(document).ready(function () {
$('#save').click(function (event) {
    if ($("#im").is(":checked")) //check not working
    {
        $.get("http://api.openweathermap.org/data/2.5/weather?q=London",function( data ){

            console.log(data);
        });

    } else if ($("#gm").is(":checked")) {
        $.get("http://api.openweathermap.org/data/2.5/weather?q=LosAngeles",function( data ){
           console.log(data);
        });
    } else {
        $.get("http://api.openweathermap.org/data/2.5/weather?q=NewYork",function( data ){
            console.log(data);
        });
    }
});

});

http://jsfiddle.net/2P72N/

你确定问题不在管理#34; fxn&#34;的PHP代码中。参数β

答案 2 :(得分:0)

尝试

if ($('#im').prop('checked'))
{
  //Your Code
}

答案 3 :(得分:0)

在选择器中尝试过滤:checked

$(document).ready(function () {
    $('#save').click(function (event) {
        if ($("#im:checked").length) {
            console.log('IM');
        } else if ($("#gm:checked").length) {
            console.log('GM');
        } else {
            console.log('AM');
        }
    });
});

updated fiddle