六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 61|回复: 0

获取CheckBox后面的字符串

[复制链接]

升级  12.67%

68

主题

68

主题

68

主题

举人

Rank: 3Rank: 3

积分
238
 楼主| 发表于 2013-2-7 15:24:38 | 显示全部楼层 |阅读模式
<title>获取CheckBox后面的字符串</title>   
  </head>   
  <script   language="javascript">   
  function   yz()   
  {   
  var   str=""   
  var   flag=0   
  for(var   i=0;i<form1.checkbox.length;i++)   
  {   
  if(form1.checkbox[i].checked)   
  {   str+=form1.checkbox[i].nextSibling.nodeValue+'   '   
      flag++   }   
  }   
  if(flag==0)   
  alert("你还没有选择呢")   
  else   
  { NewDoc=window.open("","",'width=400,height=200')   
  NewDoc.document.write("<title>选择结果</title>")   
  NewDoc.document.write("你选择了:"   +   str   +"<hr>")   
  }   
   
  }   
  </script>   
  <body>   
  <p>本示例是获取CheckBox对象后面的文本的演示。<br><br>   
      提示:在HTML里面只要NAME属性的值一样就默认是数组,可以直接引用。<br>   
      本示例中用到两个属性分别是:nextSibling、nodeValue<br>   
      nextSibling   获取对此对象的下一个兄弟对象的引用。(也就是取得后面一个对象)<br>   
  nodeValue   设置或获取结点的值。(也就是获取当前内容)   </p>   
  <form   id="form1"   name="form1"   method="post"   action="">   
      <input   type="checkbox"   name="checkbox"   value="checkbox1"   />   
      你好   
      <input   type="checkbox"   name="checkbox"   value="checkbox2"   />   
      谢谢   
      <input   type="checkbox"   name="checkbox"   value="checkbox3"   />   
      欢迎   
      <input   type="checkbox"   name="checkbox"   value="checkbox4"   />   
      hello   
      <input   name="checkbox"   type="checkbox"   value="checkbox5"   />   
      thank   you   
      <input   type="button"   name="Submit"   value="按钮"   />   
  </form>   
  </body>   
  </html>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表