javascript的一个选择的问题


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY>
<form id="form1" name="form1" method="post" action=""><tr>
    <td>
     
      <input type="radio" id="rd1" name="intent" value="出租" onclick="radioClick(),demo()">出租</td>
  </tr>
  <tr>
    <td>
     
      <input type="radio" id="rd3" name="intent" value="求租" onclick="radioClick(),demo()">求租</td>
  </tr>
</br>
   <tr>
                <td height="17" valign="bottom" bgcolor="b7d3fc" class="b1">&nbsp;<span class="bt">发布者身份&nbsp;
    <label>
</br>
      <input type="radio" name="listerStatus" value="业主出租" />
      业主出租</label>
    <br />
    <label>
      <input type="radio" name="listerStatus" value="业主出售"  />
      业主出售</label>
    <br />
    <label>
      <input type="radio" name="listerStatus" value="承租人自用" />
     承租人自用</label>
    <br />
    <label>
      <input type="radio" name="listerStatus" value="承租后合租" />
      承租后合租</label>
    <br />
    <label>
      <input type="radio" name="listerStatus" value="承租后转租" />
      承租后转租</label>
    <br />
    <label>
</BODY>
</HTML>
要求：
选择出租，只能选择"业主出租"和"业主出售"，
选择求租，只能选择“业主出租”和“承租后合租” ，其它的不能选，

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <script language="javascript">
    function radioClick1(){
    var items=document.getElementsByName('listerStatus');
    items[0].disabled=false;
    items[1].disabled=false;
    items[2].disabled=true;
    items[3].disabled=true;
    items[4].disabled=true;
    }
    function radioClick2(){
    var items=document.getElementsByName('listerStatus');
    items[0].disabled=false;
    items[1].disabled=true;
    items[2].disabled=true;
    items[3].disabled=false;
    items[4].disabled=true;
    }
    </script>
    </HEAD><BODY>
    <tr>
        <td>
         
          <input type="radio" id="rd1" name="intent" value="出租" onClick="radioClick1()">出租</td>
      </tr>
      <tr>
        <td>
         
          <input type="radio" id="rd3" name="intent" value="求租" onClick="radioClick2()">求租</td>
      </tr>
    </br>
       <tr>
                    <td height="17" valign="bottom" bgcolor="b7d3fc" class="b1">&nbsp;
                      <p>&nbsp;</p>
                      <p>发布者身份&nbsp;
                                    </p>
                      <label>
      <input type="radio" name="listerStatus" value="业主出租" />
          业主出租</label>
        <br />
        <label>
          <input type="radio" name="listerStatus" value="业主出售"  />
          业主出售</label>
        <br />
        <label>
          <input type="radio" name="listerStatus" value="承租人自用" />
         承租人自用</label>
        <br />
        <label>
          <input type="radio" name="listerStatus" value="承租后合租" />
          承租后合租</label>
        <br />
        <label>
          <input type="radio" name="listerStatus" value="承租后转租" />
          承租后转租</label>
        <br />
        </label>
    </BODY>
    </HTML>