判断复选框是否被选中是很常用的,可以采用JS获得dom对象,通过判断 if(str[i].checked == true)来判断复选框是否被选中,也可以通过JQuery方式,判断if($(this).attr("checked"))。下面总结一下平时用到的代码。
//判断复选框是否被选中,并获得值
function checkbox(){
var str=document.getElementsByName("trainType");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++) {
if(str[i].checked == true) {
chestr+=str[i].value+",";
}
}
return chestr;
}
//初始化复选框
function initSklb(){
var sklbList = "${sklbList}";
sklbList = sklbList.substring(0, sklbList.length-1);
var str = document.getElementsByName("trainType");
var objarray=str.length;
var chestr="";
for (var i=0; i < objarray; i++) {
if(sklbList!=null && sklbList != "") {
var type = new Array();
type = sklbList.split(",");
for(var m=0; m < type.length; m++){
if(str[i].value == type[m]) {
str[i].checked = true;
}
}
}
}
}
页面代码:
<table width="95%" cellpadding="0" cellspacing="0" border="0">
<c:forEach items="${trainTypeList}" var="trainType">
<tr>
<td>
<input type="checkbox" id="trainType_${trainType.id}" name="trainType" value="${trainType.id}" class="Underline_Checkbox"/>
</td>
<td align="left">${trainType.typeNum} ${trainType.typeName}</td>
</tr>
</c:forEach>
<c:if test="${trainTypeList eq null}">
<tr>
<td>没有该教师的授课类别记录!</td>
</tr>
</c:if>
<tr style="height: 10px"></tr>
</table>
通过JQuery来判断复选框是否被选中
$("input[type=checkbox]").click(function(){
var name = $(this).attr('name');
var baseCourse_Period = "baseCourse_Period_"+name;
var baseCourse_TeacherId = "baseCourse_TeacherId_"+name;
if($(this).attr("checked")) {
$('#'+baseCourse_Period).unFormValidator(false);
$('#'+baseCourse_TeacherId).unFormValidator(false);
} else {
$('#'+baseCourse_Period).unFormValidator(true);
$('#'+baseCourse_TeacherId).unFormValidator(true);
}
});
分享到:
相关推荐
标题提到的“jquery判断复选框是否被全部选中,达到全选的目的”,就是针对这一需求的具体实现。下面我们将详细探讨如何利用jQuery来完成这个功能。 首先,我们需要理解jQuery库的基本用法。jQuery是一个广泛使用的...
在探讨如何使用jQuery判断复选框(checkbox)是否被选中的过程中,我们首先需要理解复选框的基本属性以及jQuery操作DOM元素的方式。复选框在HTML中被定义为`<input type="checkbox">`,当它被选中时,其`checked`属性...
本篇将详细介绍如何在Bootstrap Table中实现复选框的默认选中功能,特别地,我们将根据从数据库获取的状态来决定复选框是否被选中。 首先,我们需要引入Bootstrap Table的相关库,包括CSS和JavaScript文件。这些...
在IT界,尤其是在前端开发和用户界面设计中,"判断复选框的选择状态"是一个常见的需求,主要用于实现全选和全不选的功能。这个功能在各种列表或表格中广泛使用,比如在邮件客户端中选择多封邮件,或者在电商网站上...
首先是在每条记录前加入复选框,该处复选框中的值为“id|username”(示例),即选中此复选框会同时传两个值(传一个值的太简单,就不举例了),中间用“|”隔开,下面取值时会用到: ``` |username" onclick=...
### JavaScript 实现复选框全选/取消功能 在网页开发中,经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能,并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...
JavaScript中判断复选框是否选中以及获取其值的方法是前端开发中常用到的技能,因为复选框常用于表单中让用户选择一项或多项选项。本文将详细介绍如何使用JavaScript来实现这一功能。 首先,我们了解下HTML中的复选...
"JS实现选中一级复选框相关二级或父级同时被选"这个功能就是一种典型的树形结构数据的复选框关联逻辑,它涉及到JavaScript编程和DOM操作。 首先,我们需要理解这个功能的基本需求:当用户选中一级复选框时,其相关...
方法一:如何根据条件判断是否默认选中table表格前面的复选框 table.render({ elem: '#userTable' , url: '../sysRole/getUserList' , title: '用户列表' , page: true //开启分页 , cols: [[ {type:'...
在处理用户交互时,我们经常需要判断复选框是否被选中。本篇将详细介绍两种判断复选框状态的方法,这些方法在实际项目中得到了验证,非常适合开发者学习和应用。 ### 方法一:通过DOM属性检查 在JavaScript中,...
5. **状态同步**:在处理过程中,通过计数器`count`统计当前复选框的所有子复选框中被选中的数量,以此判断是否应将父级复选框设为选中状态。 ### 实现难点与优化 - **性能考虑**:在大规模数据集上,递归查找和...
可以通过判断复选框当前所在的容器来实现。如果复选框在左侧,表示用户希望添加权限;反之,如果在右侧,表示用户希望移除权限。 ```javascript if ($(this).closest('.selected-permissions')) { // 移动到右侧 }...
通过this.data.arrStatus数组来判断复选框的选中状态,并通过取反操作来切换状态。如果状态是选中,则将对应的值添加到arr数组中;如果是未选中,则从arr数组中删除对应的值。 - 页面加载时,通过onLoad生命周期...
对于复选框,我们可以用它来获取`checked`属性,判断复选框是否被选中。 ```javascript // 检查复选框是否被选中 var isChecked = $('input[type="checkbox"]').prop('checked'); ``` 2. `.val()`方法:当复选框的...
在探讨JavaScript如何实现判断复选框是否选中及其选中个数的代码之前,首先要了解复选框(Checkbox)是Web表单中常用的界面元素,它允许多选,常用于实现多选功能。开发者通常需要在用户交互时判断用户的选择情况,...
// 如果当前复选框被选中,则检查所有相关复选框是否都被选中 var aa = document.getElementsByName(e.name); for (var i = 0; i ; i++) { if (!aa[i].checked) return; // 如果有任何一个未被选中,则返回,不...
如果你需要在特定条件下使复选框选中,你可能需要在后台Java动作类中进行更复杂的逻辑判断。例如,你可能需要根据某个业务规则或用户权限来决定复选框的状态。在这种情况下,你可以在执行动作类的方法时设置Form ...
在JavaScript中,判断复选框(checkbox)是否选中是一个常见的任务,这通常涉及到用户交互和表单数据的处理。复选框的状态可以通过其`checked`属性来获取,该属性可以是`true`(选中)或`false`(未选中)。下面,...
此外,代码还通过替换元素ID后缀的方式,实现了对同一组内其他复选框状态的控制,确保在选中一个复选框时,同组的其他复选框均处于未选状态。 ### 总结 将复选框转换为单选按钮,不仅考验开发者对于DOM操作的熟练...