单选按钮一个“是”一个“否”
另外还有一个LABEL空间
当单选按钮选中“是”的时候LABEL空进显示,当单选按钮选中“否”的时候LABEL不显示,如何在前台用HTML实现radio单选按钮

解决方案 »

  1.   

        <div>
            
            <asp:RadioButton ID="RadioButton1" runat="server" GroupName="a" Text="是"  />
            <asp:RadioButton ID="RadioButton2" runat="server"  GroupName="a" Text="否"/>
        
        <div id="d1" style="display:block;">
        <asp:Label ID="Label1" runat="server" Text="Label" ></asp:Label>
        </div>
      

  2.   


    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
    $(function(){//默认情况下控件显示
    $("#abv").click(function(){
    if($(":radio[name=a]:checked").attr("value")=="N"){
    $("#Label1").hide();
    }else{
    $("#Label1").show();
    }
    });
    })
    </script><input type="button" id="abv" value="测试用按钮"/><br/>
    <input type="radio" name="a" id="a1" value="Y"/>是
    <input type="radio" name="a" id="a2" value="N"/>否
      

  3.   

    var rbtnType= $("input[name='"+rbtnName+"']:checked").val(); //根据单选按钮的name获取选中的值