`
xu520
  • 浏览: 83922 次
  • 性别: Icon_minigender_1
  • 来自: 金华
社区版块
存档分类
最新评论

JavaScript 判断复选框是否选中并取出值

 
阅读更多

JavaScript 获取复选框的值,有朋友在刚开始利用表单提交 数据 的时候,一般都会遇到表单中有一个特别的元素——复选框,判断它是否选中以及获取它的值 ,好像跟其它的表单元素有点不一样,本代码将为您展示如何获取复选框的值并判断是否被选中

<title>JavaScript 获取复选框的值</title>
<script>
function checkbox()
{
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
  if(str[i].checked == true)
  {
   chestr+=str[i].value+",";
  }
}
if(chestr == "")
{
  alert("请先选择复选框~!");
}
else
{
  alert("复选框的值是:"+chestr);
}
}
</script>
选择您的拿手技术:
  <input type="checkbox" name="box" id="box1" value="ASP" />ASP
  <input type="checkbox" name="box" id="box2" value="PHP" />PHP
  <input type="checkbox" name="box" id="box3" value="JSP" />JSP
  <input type="button" name="button" id="button" onclick="checkbox()" value="提交" />


分享到:
评论

相关推荐

    JavaScript简单判断复选框是否选中及取出值的方法

    总的来说,通过本文介绍的JavaScript方法,我们能够有效地获取复选框的值,并判断它是否被选中。这对于表单数据的处理是至关重要的。掌握如何操作DOM元素是每个前端开发者的基本功,使用JavaScript来获取和操作表单...

    100多个有用的JavaScript函数及基础语法集合

    可以使用 document.forms[0].checkThis.checked 来判断复选按钮是否选中。 单选按钮组判断是否选中 可以使用 document.forms[0].groupName.length 来判断单选按钮组是否选中。 下拉列表框的值 可以使用 document....

    107个常用Javascript语句.doc

    27. 复选框判定:可以使用checked属性判定复选框是否选中。 28. 单选按钮组:可以使用groupName.length属性获取单选按钮组的长度。 29. 下拉列表框的值:可以使用options数组获取下拉列表框的值。 30. 字符串转换...

    107句JSjavascript常用语句.doc

    31. 复选按钮判定是否选中:document.forms[0].checkThis.checked (checked 属性代表是否选中返回 TRUE 或 FALSE),用于判定复选按钮是否选中。 32. 单选按钮组:取单选按钮组的长度 document.forms[0].groupName....

    JavaScript中常用的一百零七条语句

    console.log("复选按钮是否选中:" + isChecked); ``` #### 32. 单选按钮组的长度:`document.forms[0].groupName.length` 获取单选按钮组的长度: ```javascript var length = document.forms[0].groupName....

    107个常用Javascript语句

    检查复选框是否被选中: ```javascript var isChecked = document.forms[0].checkThis.checked; ``` #### 32. 单选按钮组 获取单选按钮组的长度: ```javascript var radioLength = document.forms[0].groupName....

    常用js大全.docx

    31. 复选按钮判断是否选中:使用checked属性判断复选按钮是否选中。 32. 单选按钮组判断是否被选中:使用checked属性判断单选按钮组是否被选中。 33. 下拉列表框的值:使用document.forms[0].selectName.options[n...

    107个常用javascript语句

    31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE) 32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length ...

    JS函数集(打印版)

    31. 复选按钮在 JS 中判断是否选中: 可以使用 document.forms[0].checkThis.checked 判断是否选中。 32. 单选按钮组: 可以使用 document.forms[0].groupName.length 获取单选按钮组的长度,可以使用 checked ...

    HTML文档

    28. **复选框检查**:复选框的`checked`属性可以判断是否被选中,返回`true`或`false`。 29. **单选按钮组**:相同名称的单选按钮构成一个组,可通过`document.forms[0].groupName.length`获取组的长度,用`checked...

    利用JS轻松实现获取表单数据

    4. 具体实现过程中,对于checkbox和radio类型,需要判断是否被选中(checked),而对于input和select类型,则直接获取其值(value)。 5. 最后,通过getField方法,将每个属性的值扩展到result对象中,从而构建出...

    PHP开发实战1200例源码

    实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例...

    使用jquery的cookie实现登录页记住用户名和密码的方法

    // 判断复选框的选择状态添加/删除Cookie if ($("#remeberyhm").is(":checked")) { // 存储一个带7天期限的Cookie $.cookie("yhm", yhm, { expires: 7 }); $.cookie("mm", mm, { expires: 7 }); } else { // ...

    c#中常用的js语句

    27. 复选框的状态可以通过访问其checked属性来判断是否被选中。 28. 单选按钮组的长度可以通过访问form元素下的数组(如document.forms[0].groupName.length)获取。 29. 下拉列表框的值可以通过访问options集合中...

    Java应届生面试题1.doc

    9. 在 user_list.jsp 文件中写一段 JavaScript 代码,找出页面中的所有 CheckBox,并将其都标识为选中状态。(5 分) 使用 JavaScript 通过 document.getElementsByName() 方法获取所有 CheckBox,然后循环遍历将其...

    2021-2022计算机二级等级考试试题及答案No.16507.docx

    21. JavaScript事件:OnChange事件在文本框、文本区域内容变化或列表框中选择项时触发,但不包括checkbox的选中状态。 22. 字段属性:在数据库中,要限定数据输入格式,应修改字段的“输入格式”属性。 23. 关系...

    python教程之jqurey入门

    - `$("input:checkbox")`:选取所有的复选框。 - `$("select option:selected")`:选取所有被选中的 `&lt;option&gt;` 元素。 - `$("input:disabled")`:选取所有被禁用的输入元素。 #### 三、DOM 操作 1. **获取内容...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例...

Global site tag (gtag.js) - Google Analytics