按钮,根据字符串开始选择复选框- Javascript
Button to select check boxes based on start of string - Javascript
我有一个表单,其中列出了用户,每个用户的名字下面都有复选框。我想为每个用户设置一个按钮,用于选择所有用户复选框。
下面是动态创建的按钮代码和动态创建的复选框。所包含的函数具有表单名称、复选框id的起始位置和复选框值作为参数。<input type="button" onclick="SetAllCheckBoxes('form1', '<? echo $row['ID']; ?>_', true);" value="Check All">
<input name="<? echo $userID?>_<? echo $checkboxNumber ?>" type="checkbox" id="<? echo $userID?>_<? echo $checkboxNumber ?>" value="1" />
我需要的onclick功能,将单击所有所需的用户复选框时单击。我想我需要某种形式的正则表达式来选择例如:所有以12_或15_
如果您为按钮指定了一个名称,该名称是复选框名称的用户ID部分,您可以:
<button type="button" name="userFoo" onclick="setCheckboxes(this)" ...>Check 'em</button>
然后在函数中:
function setCheckboxes(element) {
var re = new RegExp('^' + element.name + '_');
var controls = element.form.elements;
for (var i=0, iLen=controls.length; i<iLen; i++) {
if (re.test(controls[i].name)) {
controls[i].checked = true;
}
}
}
测试HTML:
<form>
<button name="foo" type="button" onclick="setCheckboxes(this)">Check 'em</button>
<input type="checkbox" name="foo_1">1
<input type="checkbox" name="foo_2">2
<input type="checkbox" name="foo_3">3
<br>
<button name="bar" type="button" onclick="setCheckboxes(this)">Check 'em</button>
<input type="checkbox" name="bar_1">1
<input type="checkbox" name="bar_2">2
<input type="checkbox" name="bar_3">3
</form>
如果要在每个作为用户ID的复选框上放置一个类,则函数可能是:
function setCheckboxes(element) {
var controls = element.form.querySelectorAll('input.' + element.name);
for (var i=0, iLen=controls.length; i<iLen; i++) {
controls[i].checked = true;
}
}
或在现代浏览器中(但不包括IE8):
function setCheckboxes(element) {
var controls = element.form.querySelectorAll('input.' + element.name);
[].forEach.call(controls, function(el){el.checked = true});
}
相关文章:
- 如何创建只允许用户在选中前一个复选框的情况下选择复选框的复选框验证
- 禁用选择/复选框 当选择/选中另一个时
- 如何使用JQuery按值选择复选框
- jquery选择复选框选择的值
- 取消选中时选择最接近的“从中选择”复选框
- 根据动态值选择和取消选择复选框
- 选择/取消选择复选框,该复选框未按预期使用.coneast('table').find('tbo
- 背景图像切换和隐藏选择复选框
- 如何通过选择复选框和下拉列表用Javascript更改标签值
- 选择复选框的Javascript
- 如何将选择复选框值动态传递给 ajax 调用变量动态发布到 php 变量
- 获取多个选择复选框的值 Javascript
- 翡翠,如果其他速记选择复选框
- jQuery动态选择复选框组onChange
- 按住Shift键并单击以选择复选框范围
- 选中p中的所有复选框:选择复选框菜单
- 选择复选框时显示数据
- 从多个JSON文件中选择复选框时切换标记
- 如何为第一次选择和第二次选择复选框应用不同的颜色
- 如何在HTML中选择复选框时创建弹出窗口