ex11-12.htm

来自「有关JAVASCRIPT的源代码教程」· HTM 代码 · 共 35 行

HTM
35
字号
    <html><head><title>复选框-图书选购 </title>
    <script name="JavaScript">
     <!--
       function check(f){
           var str="";
           for (var i = 0; i < f.books.length;i++){
              if(f.books[i].checked){
                 str += f.books[i].value + "\n"; 
              }
           }
           f.multitext.value=str;  //在多行文本框中显示选择的书目
        }
    //   -->
    </script>
    </head>
    <body bgColor="#33FFCC">
    <form name="formchbox" > 请选择图书: <p>
    <input type="checkbox" name="books" value="红楼梦">红楼梦<br>
    <input type="checkbox" name="books" value="西游记" checked>西游记<br>
    <input type=checkbox name="books" value="三国演义">三国演义<br>
    <input type=checkbox name="books" value="封神演义">封神演义<br>
    <input type=checkbox name="books" value="老残游记">老残游记<br>
    <p><font size="-1">
    单击下面的方框,显示已经选择的书目:
    <br>
    <textarea name="multitext" rows=5 cols=30
        onFocus="javascript:check(this.form);">
    </textarea>
    <p>
    <input type=reset value="重置">
    </form>
    </body>
    </html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?