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方法,我们能够有效地获取复选框的值,并判断它是否被选中。这对于表单数据的处理是至关重要的。掌握如何操作DOM元素是每个前端开发者的基本功,使用JavaScript来获取和操作表单...
可以使用 document.forms[0].checkThis.checked 来判断复选按钮是否选中。 单选按钮组判断是否选中 可以使用 document.forms[0].groupName.length 来判断单选按钮组是否选中。 下拉列表框的值 可以使用 document....
27. 复选框判定:可以使用checked属性判定复选框是否选中。 28. 单选按钮组:可以使用groupName.length属性获取单选按钮组的长度。 29. 下拉列表框的值:可以使用options数组获取下拉列表框的值。 30. 字符串转换...
31. 复选按钮判定是否选中:document.forms[0].checkThis.checked (checked 属性代表是否选中返回 TRUE 或 FALSE),用于判定复选按钮是否选中。 32. 单选按钮组:取单选按钮组的长度 document.forms[0].groupName....
console.log("复选按钮是否选中:" + isChecked); ``` #### 32. 单选按钮组的长度:`document.forms[0].groupName.length` 获取单选按钮组的长度: ```javascript var length = document.forms[0].groupName....
检查复选框是否被选中: ```javascript var isChecked = document.forms[0].checkThis.checked; ``` #### 32. 单选按钮组 获取单选按钮组的长度: ```javascript var radioLength = document.forms[0].groupName....
31. 复选按钮判断是否选中:使用checked属性判断复选按钮是否选中。 32. 单选按钮组判断是否被选中:使用checked属性判断单选按钮组是否被选中。 33. 下拉列表框的值:使用document.forms[0].selectName.options[n...
31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE) 32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length ...
31. 复选按钮在 JS 中判断是否选中: 可以使用 document.forms[0].checkThis.checked 判断是否选中。 32. 单选按钮组: 可以使用 document.forms[0].groupName.length 获取单选按钮组的长度,可以使用 checked ...
28. **复选框检查**:复选框的`checked`属性可以判断是否被选中,返回`true`或`false`。 29. **单选按钮组**:相同名称的单选按钮构成一个组,可通过`document.forms[0].groupName.length`获取组的长度,用`checked...
4. 具体实现过程中,对于checkbox和radio类型,需要判断是否被选中(checked),而对于input和select类型,则直接获取其值(value)。 5. 最后,通过getField方法,将每个属性的值扩展到result对象中,从而构建出...
实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例...
// 判断复选框的选择状态添加/删除Cookie if ($("#remeberyhm").is(":checked")) { // 存储一个带7天期限的Cookie $.cookie("yhm", yhm, { expires: 7 }); $.cookie("mm", mm, { expires: 7 }); } else { // ...
27. 复选框的状态可以通过访问其checked属性来判断是否被选中。 28. 单选按钮组的长度可以通过访问form元素下的数组(如document.forms[0].groupName.length)获取。 29. 下拉列表框的值可以通过访问options集合中...
9. 在 user_list.jsp 文件中写一段 JavaScript 代码,找出页面中的所有 CheckBox,并将其都标识为选中状态。(5 分) 使用 JavaScript 通过 document.getElementsByName() 方法获取所有 CheckBox,然后循环遍历将其...
21. JavaScript事件:OnChange事件在文本框、文本区域内容变化或列表框中选择项时触发,但不包括checkbox的选中状态。 22. 字段属性:在数据库中,要限定数据输入格式,应修改字段的“输入格式”属性。 23. 关系...
- `$("input:checkbox")`:选取所有的复选框。 - `$("select option:selected")`:选取所有被选中的 `<option>` 元素。 - `$("input:disabled")`:选取所有被禁用的输入元素。 #### 三、DOM 操作 1. **获取内容...
实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例...
实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例...