JS如何判断单个复选框是否选中

<script language="javascript" type="text/javascript">
function edo(obj){
if(obj.value=="1")
    document.getElementById("xjsm").style.display="block";
else
    document.getElementById("xjsm").style.display="none";
}
</script>---------------------------------------
<form action="xuanju.asp" method="post" name="addform" id="addform"  onsubmit="return chk()"><tr><td height="30" >是否支持：<td><td><input type="checkbox" name="hunpi" value="1" onchange="javascript:edo(this);" style="border:0px">支持</td>></tr><tr id="xjsm" style="display:none"><td height="30" >选举说明：</td><td >请点此<a href="hunpisz.asp">查看</a></td></tr><tr><td> name="submit" type="submit"</td></tr>
</form>
----------------------------我想要的效果是当用户选中这个复选框时，下面隐藏的一行内容显示出来，取消选中，这一行内容又隐藏，现在选中的时候能显示，取消选中的话就不隐藏，请问高手是什么原因？该怎么解决？

解决方案 »

  1.   

    <script language="javascript" type="text/javascript">
    function edo(obj){
    if(obj.Checked)
      document.getElementById("xjsm").style.display="block";
    else
      document.getElementById("xjsm").style.display="none";
    }
    </script>
      

  2.   


     将onchange="javascript:edo(this);"改成 onclick="javascript:edo(this);"function edo(obj){
    if(obj.Checked)
      document.getElementById("xjsm").style.display="block";
    else
      document.getElementById("xjsm").style.display="none";
    }
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE><SCRIPT LANGUAGE="JavaScript">
    <!--
    function show() {
    var temp = document.forms[0].hunpi.checked;
    if (temp) {
    document.getElementById("adv").style.display = "block";
    } else {
    document.getElementById("adv").style.display = "none";
    }
    }
    //-->
    </SCRIPT></HEAD><BODY>
    <form>
    <input type="checkbox" name="hunpi" onclick="show()"><div style="display:none" id="adv">
    abna
    </div>
    </form>
    </BODY>
    </HTML>
      

  4.   

    html:
    <input type="checkbox" name="hunpi" value="1" onchange="javascript:edo(this);" style="border:0px">
    js:
    function edo(obj){
    if(obj.Checked==true)
      document.getElementById("xjsm").style.display="block";
    else
      document.getElementById("xjsm").style.display="none";
    }
      

  5.   

    <script language="javascript" type="text/javascript">
    function edo(obj){
    if(obj.checked)
      document.getElementById("xjsm").style.display="block";
    else
      document.getElementById("xjsm").style.display="none";
    }
    </script>---------------------------------------
    <form action="xuanju.asp" method="post" name="addform" id="addform" onsubmit="return chk()"><tr><td height="30" >是否支持：<td><td><input type="checkbox" name="hunpi" value="1" onclick="edo(this);" style="border:0px">支持</td>></tr><tr id="xjsm" style="display:none"><td height="30" >选举说明：</td><td >请点此<a href="hunpisz.asp">查看</a></td></tr><tr><td> name="submit" type="submit"</td></tr>
    </form>
      

  6.   

    $("input#youWantTest:checked")!=null
    -- 则被checked