`

获取CheckBox后面的字符串

阅读更多
<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="按钮"   onClick="yz()"/>  
  </form>  
  </body>  
  </html>  
 
分享到:
评论

相关推荐

    jQuery将所有被选中的checkbox某个属性值连接成字符串的方法

    通过遍历所有被选中的复选框(使用`$("input:checked")`选择器),使用`.attr('id')`方法获取每个被选中的复选框的id属性值,并将这些值逐个拼接到`vIds`字符串中,每个值后面跟一个逗号。为了确保结果字符串的格式...

    WebForm获取checkbox选中的值(几个简单的示例)

    之后,代码通过遍历数组,并使用循环结构`foreach`,把数组中的每个元素拼接成一个字符串`s`,每个元素后面拼接一个竖线"|"作为分隔。 文章还提到了`Page_Load`方法,这是***页面加载时会自动调用的一个方法。在...

    js获取所有checkbox的值的简单实例

    然后使用`toString()`方法将数组转换为字符串,拼接到URL地址后面,以便通过地址栏传递给服务器。最后,通过修改`window.location`来实现页面的跳转。 服务器端接收到请求后,可以通过`request.getParameter(...

    .net常用脚本验证

    - 获取URL中的查询字符串(即问号后面的字符串)。 - 将查询字符串分割成多个键值对。 - 遍历这些键值对,寻找与所需参数名匹配的键,并返回对应的值。 ### 五、表单元素验证 - **函数名称**:`checkra`、`...

    JS学习笔记

    使用 `+=` 运算符可以方便地在字符串后面追加其他字符串。 **24. 创建DOM元素** - `document.createElement()`:创建新的DOM元素。 - `document.createTextNode()`:创建新的文本节点。 **25. 获取DOM元素** ...

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    1、原生JavaScript实现字符串长度截取 2、原生JavaScript获取域名主机 3、原生JavaScript清除空格 4、原生JavaScript替换全部 5、原生JavaScript转义html标签 6、原生JavaScript还原html标签 7、原生JavaScript时间...

    CString处理文件的小程序

    例如,`Append`用于在现有字符串后面添加内容,`Format`可以格式化字符串,类似于C语言的`printf`函数,`CompareNoCase`则可以进行不区分大小写的字符串比较。这些功能使得在处理文件路径、文件名或文件内容时非常...

    jsp 应用获取表单元素

    request.getParameterValues()方法可以返回一个字符串数组,包含了所有选定的值。\n\n4. 验证和处理表单数据:\n 在JSP中,我们通常会先验证表单数据,确保其符合业务逻辑和数据格式要求。这可以通过if语句、正则...

    jQuery中的RadioButton,input,CheckBox取值赋值实现代码

    如果需要清空文本框的内容,可以将值设置为空字符串: ```javascript $("#txt").attr("value",''); ``` 对于多选框(checkbox),判断是否被选中可以使用: ```javascript $("#chk1").attr("checked"); ``` 获取多选...

    Jquery获取复选框被选中值的简单方法

    最终,遍历完成之后,使用`$("#dd").val(str)`将拼接好的字符串值设置到ID为dd的文本框中。这样,当按钮被点击后,所有选中的复选框的值就会显示在文本框中。 需要注意的是,在实际应用中,复选框的name属性可能并...

    100个直接可以拿来用的JavaScript实用功能代码片段

    - **功能概述**:此代码片段用于截取指定长度的字符串。 - **应用场景**:适用于处理用户输入的数据,确保数据长度符合系统要求。 - **实现方式**:通过`substring`或`slice`方法来实现。 #### 2. 原生JavaScript...

    上海计算机二级VB模拟题.pdf

    最后,将排序后的字符串连接并显示在标签中,每个字符串后面加上"*"。 2. 求级数的代码部分没有给出完整的题目,通常涉及循环和累加,可能需要根据具体要求(如阶乘级数、斐波那契序列等)编写相应的VB代码。 以上...

    PHP获取表单所有复选框的值的方法

    同时,我们也累加这些值到`$str_tag`字符串中,每次追加时用逗号`,`分隔,以形成一个字符串。这样,最后`$str_tag`中就存储了一个由逗号分隔的字符串,包含了所有被选中的复选框的值。 这种方法的优点在于,它不仅...

    jQuery分别获取选中的复选框值的示例

    如果不希望在最后一个值后面有逗号,可以在字符串末尾检查并移除它: ```javascript if (s.length &gt; 0) { s = s.substring(0, s.length - 1); } ``` 这里通过 `substring` 方法删除最后一个字符(即多余的...

    《程序天下:JavaScript实例自学手册》光盘源码

    14.9 获取字符串型数组下标的数组长度 14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript...

    程序天下:JavaScript实例自学手册

    14.9 获取字符串型数组下标的数组长度 14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript...

    前端面试题整理

    - 验证一个字符串是否以字母开头,后面可以是数字、下划线或字母,并且长度在6到30之间。这可以通过正则表达式来实现,如 `^[a-zA-Z][a-zA-Z0-9_]{5,29}$`。 **使用`callee`属性实现函数递归:** - 在JavaScript中...

    正则表达式

    (ab|cd) + |ef) / 匹配的既可以是字符串 "ef",也可以是字符串"ab" 或者 "cd" 的一次或多次重复. 在正则表达式中,括号的第二个用途是在完整的模式中定义子模式。当一个正则表达式成功地和目标字符串相匹配时,可以从...

    基于jsp的表单多种控件接收例子

    - **复选框**:复选框可能有多个选项被选中,所以通常使用 `request.getParameterValues()` 获取一个字符串数组。 5. **表单的HTTP方法** 表单提交有两种方式:GET和POST。GET将参数附加在URL后面,适合小量无...

Global site tag (gtag.js) - Google Analytics