在js中怎么知道单选选择了哪个?

Question

在页面上
<td>
                                   
                                     审批<asp:RadioButton ID="approve"  runat="server"  GroupName="app" Checked="true" OnCheckedChanged="Select_Approve" AutoPostBack="true"/><br />
                                     协议<asp:RadioButton ID="agree" runat="server" GroupName="app" OnCheckedChanged="Select_Agree" AutoPostBack="true"/><br />
                                     通知<asp:RadioButton ID="notice" runat="server" GroupName="app" OnCheckedChanged="Select_Notice" AutoPostBack="true" />
                                     </td>
在jS中，我怎么知道选中了哪个?

Answer 1

定义一个JS方法 把ID传进去

Answer 2

审批&nbsp;
        <input ID="approve" type="radio" name="app" value="RadioButton1" /><br /> 
                                    协议&nbsp;
        <input ID="agree" type="radio" name="app" value="RadioButton2" /><br /> 
                                    通知&nbsp;
        <input ID="notice" type="radio" name="app" value="RadioButton3" /><br /> 
        
        
        <input type="button" value="look" onclick="getApp()" />
   <script>
    function getApp(){
   var apps = document.getElementsByName("app");
   for(var i=0;i<apps.length;i++)
   {
    if(apps[i].checked)
    {
    alert(apps[i].id);
    break;
    }
   }
 }
   </script>

Answer 3

客户端生成的html代码，应该就是上面的那种形式。

Answer 4

    <script type="text/javascript">  
        function GetSelectRadio(){
            var obj =document.form1.app;  //你的Radio在form1下.
            alert(obj.length);
            for(i=0;i<obj.length;i++){
            if(obj[i].checked)alert(obj[i].value);                   
            }
        }
    </script>

Answer 5

function approver(obj)
{//因为是在母版页中，所以这样取
 var appr=document.getElementById("ctl00$ContentPlaceHolder2$app");
 alert(appr.id);
//上面得到的是ctl00_ContentPlaceHolder2_approve,无论选择那个都得到//ctl00_ContentPlaceHolder2_approve
 
 
 
}
</script>

Answer 6

客户端产生的是
 <td>
                                   
                                     审批<input id="ctl00_ContentPlaceHolder2_approve" type="radio" name="ctl00$ContentPlaceHolder2$app" value="approve" onclick="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder2$approve\',\'\')', 0)" /><br />
                                     协议<input id="ctl00_ContentPlaceHolder2_agree" type="radio" name="ctl00$ContentPlaceHolder2$app" value="agree" checked="checked" /><br />
                                     通知<input id="ctl00_ContentPlaceHolder2_notice" type="radio" name="ctl00$ContentPlaceHolder2$app" value="notice" onclick="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder2$notice\',\'\')', 0)" />
                                     </td>