<lable id="lblTitle">第一个标题</lable><input type="checkbox" onclick="ChgTitle(this)">
<script language="javascript">
function ChgTitle(src){
   var t1="第一个标题";
   var t2="第二个标题";
   lblTitle.innerText=src.checked==true?t1:t2;
}
</script>
<input type="checkbox" onclick="ShowText(this)">
<script language="javascript">
function ShowText(src){
   text1.style.display="none";
   text2.style.display="none";
   if(src.checked) text1.style.display=""; else text2.style.display=""; }
</script>

解决方案 »

  1.   

    试了一下,用label标签好像会出错,换了span就好了
    <script>
    function ChangeTitle(src){
       var t1="标题1";
       var t2="标题2";
       Title.innerText=(lblTitle.innerText==t2)?t1:t2;
    }
    function ShowText(src){
    document.forms[0].text1.style.display=
    (document.forms[0].text1.style.display=="none")?"":"none"
    document.forms[0].text2.style.display=
    (document.forms[0].text2.style.display=="none")?"":"none"
    }
    </script><form>
    <span id="Title">标题1</span><br>
    <input type="checkbox" onclick="ChangeTitle(this)"><input type="checkbox" onclick="ShowText(this)" checked="true"><br>
    <input type="text" name="text1" size=20>
    <input type="text" name="text2" size=20>
    </form>
      

  2.   

    不好意思,改楼上的改错了一点
    Title.innerText=(lblTitle.innerText==t2)?t1:t2;
    应该为
    Title.innerText=(Title.innerText==t2)?t1:t2;
      

  3.   


    <FORM METHOD=POST ACTION="">
    <font id="lblTitle1">第一个标题</font><INPUT TYPE="text" NAME="text1"><br>
    <font id="lblTitle2">第二个标题</font><INPUT TYPE="text" NAME="text2"><br>
    <font id="lblTitle3">第三个标题</font><INPUT TYPE="text" NAME="text3"><br>
    <input type="checkbox" onclick="ShowText(this)" name="chk"><br>
    <input type="checkbox" onclick="ChgTitle()" name="chk">
    </FORM>
    <script language="javascript">
    function ChgTitle(){
       var t1="第一个标题checked1";
       var t2="第一个标题checked2";
       //document.all.lblTitle1.innerHTML=t2;
       lblTitle1.innerText=(document.all.chk[1].checked)?t1:t2;
    }
    </script>
    <script language="javascript">
    function ShowText(src){
       document.all.text1.style.display="none";
       document.all.text2.style.display="none";
       if(src.checked) document.all.text1.style.display=""; else document.all.text2.style.display=""; }
    </script>