jquery怎么样隐藏掉asp:RadioButton？

Question

<asp:CheckBox ID="CB_007" runat="server" Checked="True" Text="是否记录" />
<asp:RadioButton ID="RB_ZhiShi" Text="知识" runat="server" GroupName="KnowledgeCategory"/>
<asp:RadioButton ID="RB_ZiXun" Text="资讯" runat="server" GroupName="KnowledgeCategory"/>
我希望选中CheckBox CB_007以后，隐藏掉下面的两个asp:RadioButton。
但是我按照下面的JQuery写的，效果却不对：只是把两个asp:RadioButton前面的小圆圈隐藏掉了，后面的字还是有的。请问怎么写啊？$("#<%= CB_007.ClientID %>").click(function(){
var isChecked = $("#<%= CB_007.ClientID %>").attr("checked");
if(isChecked == true)
{
    $("#<%= RB_ZhiShi.ClientID %>").hide();
    $("#<%= RB_ZiXun.ClientID %>").hide();
}

Answer 1

加个span元素就行了：<span id="KnowledgeCategory">
<asp:RadioButton ID="RB_ZhiShi" Text="知识" runat="server" GroupName="KnowledgeCategory"/>
<asp:RadioButton ID="RB_ZiXun" Text="资讯" runat="server" GroupName="KnowledgeCategory"/>
</span>
<script type="text/javascript">
$("#<%= CB_007.ClientID %>").click(function(){
var isChecked = $("#<%= CB_007.ClientID %>").attr("checked");
if(isChecked == true)
{
    $("#KnowledgeCategory").hide();       
}
else
{
   $("#KnowledgeCategory").show();
 }
});
</script>

Answer 2

刚刚测试了一下！他会生成一个<lable>标签在边上<script src="Javascript/jquery-1.3.1.js" type="text/javascript"></script>
    <script type="text/javascript">
   $(document).ready(function() {
    $("#RadioButton1").hide();
    $("label[for=RadioButton1]").hide();
   });
    </script><asp:RadioButton ID="RadioButton1" runat="server" Text="知识" />再看页面代码！！！
<input id="RadioButton1" type="radio" name="RadioButton1" value="RadioButton1" /><label for="RadioButton1">知识</label>