jquery如何访问所选数据

时间:2015-11-12 02:52:16

标签: javascript jquery

我有一个用jquery tmpl转换的JSon字符串来生成一个围绕纬度和经度坐标的城市列表。

结果如下:

<input id="50b62c795c92ae12bcbcbf04" class="bob" type="radio" title="Québec" longitudeconfirm="-71.3508909" latitudeconfirm="46.8608225" citycodeconfirm="2" countrycodeconfirm="CA" value="50b62c795c92ae12bcbcbf04" name="placeid" checked="checked">

<input id="50b62c795c92ae177e6a7c0d" class="bob" type="radio" title="Québec" longitudeconfirm="-71.3709" latitudeconfirm="46.8725" citycodeconfirm="2" countrycodeconfirm="CA" value="50b62c795c92ae177e6a7c0d" name="placeid" checked="">

...和其他用户只需在列表中选择一个。在此示例中,用户选择第一个

我需要在jQuery中访问longitudeconfirm,latitudeconfirm,citycodeconfirm,countrycodeconfirm和value(或id是相同的值)的值

当用户点击提交按钮以保存他的选择时,我需要访问该值

感谢您的帮助

1 个答案:

答案 0 :(得分:1)

获取属性只需使用

$(document).ready(function(){
    $('body').on('change','.bob',function(){
        alert($(this).attr('longitudeconfirm'));
        // use it the same way to get any attr you want
    });
});

当你标记一个jquery所以这是一个jquery解决方案所以请务必包含jquery

在您的Additionnal info 访问该值后,当用户点击提交

$(document).ready(function(){
        $('body').on('submit','form',function(e){
            e.preventDefault();
            alert($('.bob:checked').attr('value'));
            //for value you can also use 
            //$('.bob:checked').val();
        });
    });

DEMO