在点击提交按钮之前获取按钮组数据?

时间:2012-09-30 05:45:07

标签: jquery-ui

Gidday

刚刚学习了jquery UI,并且今天取得了一些非常好的进展,但在提交表单之前弄清楚如何在按钮组中获取所选按钮的ID时却感到难过。

我知道如何在获得所选按钮的ID后使AJAX POST工作。

第一部分是如何完成的?

这是我的jquery:

$( "#pi" ).buttonset();


    $( "#req1" ).dialog({           

        resizable: false,
        height:350,
        minWidth: 310,
        modal: true,
        buttons: {
            "Send request": function() {


                     //what goes here to retrieve the ID of the selected button?


                $( this ).dialog( "close" );
            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        }
    });

我的表格......

<div id="req1" title="make your selection:">

<form>
<div id="pi">
    <input type="radio" id="p1" name="pi" /><label for="p1">3</label>
    <input type="radio" id="p2" name="pi" /><label for="p2">2</label>
    <input type="radio" id="p3" name="pi" /><label for="p3">1</label>
    <input type="radio" id="p4" name="pi" checked="checked" /><label for="p4">0</label>
    <input type="radio" id="p5" name="pi" /><label for="p5">1</label>
    <input type="radio" id="p6" name="pi" /><label for="p6">2</label>
    <input type="radio" id="p7" name="pi" /><label for="p7">3</label>
</div>

感谢您的时间和帮助。

1 个答案:

答案 0 :(得分:0)

试试这个:

var id = $('#pi input[name=pi]:checked').attr('id');