天空小小岛技术网站

标题: javascript 获取 checkbox 已经勾选的项 [打印本页]
作者: 一粒米    时间: 2011-12-6 17:16
标题: javascript 获取 checkbox 已经勾选的项
例子：
  1. <script type="text/javascript">
  2. function getChecked() {
  3.         var result = '';
  4.         var form = document.getElementById('postFrom');
  5.         if(typeof form.chk.length != 'undefined') {
  6.                 for(var i=0; i<form.chk.length; i++) {
  7.                         if(form.chk[i].checked) {
  8.                                 result += form.chk[i].value + ' ';
  9.                         }
  10.                 }
  11.         } else {
  12.                 if(form.chk_type.checked) {
  13.                         result += form.chk_type.value + ' ';
  14.                 }
  15.         }
  16.         if(result == '') {
  17.                 document.getElementById('result').innerHTML = '还未选择';
  18.         } else {
  19.                 document.getElementById('result').innerHTML = result;
  20.         }
  21. }
  22. </script>
  23. <form id="postFrom" name="postFrom">
  24.         <div>
  25.                 选项：
  26.                 <input type="checkbox" name="chk" value="a" onclick="getChecked();" />a
  27.                 <input type="checkbox" name="chk" value="b" onclick="getChecked();" />b
  28.                 <input type="checkbox" name="chk" value="c" onclick="getChecked();" />c
  29.                 <input type="checkbox" name="chk" value="d" onclick="getChecked();" />d
  30.         </div>
  31.         <div>
  32.                 您选择的是：<span id="result" name="result">还未选择</span>
  33.         </div>
  34. </form>
复制代码




欢迎光临 天空小小岛技术网站 (http://tkxxd.net/) Powered by Discuz! X3.1