<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>js</title>
</head>
<script language="javascript">
function aa(){
// document.getElementsByTagName("input"); 根据标签元素获取
// document.getElementsByName("r"); 根据名字获取
var r=document.getElementsByName("r");
for(var i=0;i<r.length;i++){
if(r[i].checked){
alert(r[i].value+","+r[i].nextSibling.nodeValue);
}
}
}
</script>
<body>
<form name="form1" method="post" action="">
<input type="checkbox" name="r" value="1">a<br>
<input type="checkbox" name="r" value="2">b<br>
<input type="checkbox" name="r" value="3">c<br>
<input type="checkbox" name="r" value="4">d<br>
<input type="checkbox" name="r" value="5">e<br>
<input type="checkbox" name="r" value="6">f<br>
<input type="checkbox" name="r" value="7">g<br>
<input type="checkbox" name="r" value="8">h<br>
<input type="checkbox" name="r" value="9">i<br>
<input type="checkbox" name="r" value="10">j<br>
<br>
<input type="button" onclick="aa()" value="button">
</form>
</body>
</html>
解释：
nextSibling是获得当前对象的下一个对象
nodeValue是返回一个节点的值
分享到：
相关推荐
在本篇内容中，我们将详细探讨如何使用jQuery来获取form表单中input元素的值，包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法，我们可以轻松获取或设置input...
这段代码通过选择器 `select[name=items] option:selected` 选择了所有 name 属性为 `items` 的 select 下拉列表中当前选中的 option 元素，并通过 `.text()` 方法获取其文本内容。 #### 设置 Select 下拉列表的值 ...
综上所述，“CheckBox是否选中”不仅是获取用户输入的基本操作，还涉及到事件驱动编程的关键环节。理解并熟练掌握这些知识点，将有助于构建更加用户友好的交互式应用。在实际项目中，根据具体需求灵活运用，可以大大...
MUI可能在全局样式中对`input[type="checkbox"]`应用了某些样式，例如设置`pointer-events: none;`，导致点击事件无法正常触发，或者设置了`opacity: 0;`使得元素不可见，或者使用了`display: none;`直接隐藏了元素...
### Struts标签之CheckboxList选中值与换行处理详解 #### 一、引言 在Web应用开发中，表单元素的选择对于用户交互至关重要。Struts框架作为Java Web开发中的一个重要工具，提供了丰富的标签库来帮助开发者快速构建...
批量选中Checkbox并获取选中项的值是一项常见的需求，尤其在处理表格数据时。本文将通过一个简单的HTML和JavaScript实例来详细讲解如何实现这一功能。 首先，我们创建一个包含多行的表格，每行有四个列：ID、...
- 树形结构通常由`<ul>`和`<li>`元素构建，每个节点包含一个`<input type="checkbox">`和相应的标签文本。 - 通过CSS样式和JavaScript事件处理来实现视觉上的树状布局和交互效果。 2. **JavaScript**： - 使用...
这段代码遍历所有被选中的`<input type="checkbox">`，并获取每个的`value`属性。 #### 2. 设置Checkbox的状态 ```javascript $("input[name=items]").get(1).checked = true; ``` 或 ```javascript $("#checkbox_...
本文主要介绍如何使用JavaScript来获取页面上所有复选框（checkbox）被选中的值。在这个实例中，作者通过具体的HTML代码和JavaScript函数来展示如何实现这一功能。下面将详细介绍实现的步骤和相关知识点。 首先，...
在JavaScript的库jQuery中，获取和操作HTML页面中的input控件值是常见的需求。下面将详细解释如何使用jQuery来获取和设置text、textarea、radio、checkbox以及select等不同类型的input控件的值。 1. **获取text和...
`JS`（JavaScript）作为网页动态交互的主要语言，是实现`TreeView`中`Checkbox`功能的关键。本篇文章将深入探讨如何使用`JS`来实现`TreeView`中`Checkbox`的控制，包括点击父节点时全选子节点，以及点击子节点时保持...
- 单选组radio：`$("input[@type=radio][@checked]").val()`获取选中项的value值。 - 下拉框select：`$('#sel').val()`获取选中项的value值。 以上就是jQuery中关于radio、checkbox和select的基本操作，这些方法...
本文将详细介绍如何在JavaScript中获取不同类型的HTML表单元素的值，包括下拉选择框（`<select>`）、单选按钮（`<input type="radio">`）、复选框（`<input type="checkbox">`）以及文本输入框（`<input type="text...
由于在我们的示例中，所有的checkbox复选框都使用了相同的name属性值“r”，我们可以通过这个方法获取到所有复选框的NodeList。 接下来，我们可以通过遍历这个NodeList来获取每个复选框的值。我们可以使用for循环来...
// 获取名为 "month" 的 select 元素中被选中项的文本内容 $("select[@name=month] option[@selected]").text(); ``` ##### 3. 设置特定 value 的选项为选中状态 ```javascript $("#sel").attr("value", '-sel3');...
这里使用了`option:selected`选择器来选取当前被选中的`<option>`元素，并通过`.text()`获取其文本内容。 2. **设置默认选中的下拉项**： ```javascript $('#select_id')[0].selectedIndex = 1; ``` 通过直接...
例如，`$('#checkl1').on('click', function() {...})` 监听 ID 为 `checkl1` 的 `checkbox`，当它被点击时，会根据当前状态更新第一列所有 `checkbox` 的选中状态。这里用了两种方法：一是通过指定多个 ID 并用逗号...
由于 CheckBox 可能有多个被选中，因此需要遍历来获取它们的值： ```javascript var arrChk = ""; $("input[name='checkbox_name']:checked").each(function() { arrChk += this.value + ','; }); ``` #### 五、...
1. **设置Checkbox选中状态**： ```javascript $('input[type="checkbox"]').prop('checked', true); // 选中所有Checkbox $('#checkbox1').prop('checked', true); // 选中ID为'checkbox1'的Checkbox ``` 2. *...
如果需要获取所有被选中的复选框的值，可以遍历它们： ```javascript var checkboxVals = []; $("input[type=checkbox][name=some_name]:checked").each(function() { checkboxVals.push($(this).val()); }); ``` ...