jquary实现全选、反选,第二次选择时失效的解决办法
2017-11-23 14:30
253 查看
html代码:
<th style="width:4%;line-height: 15px;padding: 0px;" name="duo">
全选<input type="checkbox" name="onc" onclick="check()"/></th>
<input type="checkbox" name="riskId" /></td>
<input type="checkbox" name="riskId" /></td>
<input type="checkbox" name="riskId" /></td>
<input type="checkbox" name="riskId" /></td>
js代码:
function check(){
var x=$("input:checkbox[name=onc]:checked");
if(x.length==1){
$("input[name='riskId']").attr("checked",true);
}else {
$("input[name='riskId']").attr("checked",false);
}
}
如上,当使用如上jsp时,第一次选中与反选全选框时,可以实现全选与反选的功能,但当再次点击时,js失效,网上查了一些方法,将attr换为prop即可。
<th style="width:4%;line-height: 15px;padding: 0px;" name="duo">
全选<input type="checkbox" name="onc" onclick="check()"/></th>
<input type="checkbox" name="riskId" /></td>
<input type="checkbox" name="riskId" /></td>
<input type="checkbox" name="riskId" /></td>
<input type="checkbox" name="riskId" /></td>
js代码:
function check(){
var x=$("input:checkbox[name=onc]:checked");
if(x.length==1){
$("input[name='riskId']").attr("checked",true);
}else {
$("input[name='riskId']").attr("checked",false);
}
}
如上,当使用如上jsp时,第一次选中与反选全选框时,可以实现全选与反选的功能,但当再次点击时,js失效,网上查了一些方法,将attr换为prop即可。
相关文章推荐
- jQuery全选全不选第二次失效问题解决办法
- Android中ListView实现子控件点击事件后ListView点击事件失效解决办法
- Android中解决EditText放到popupWindow中,原有复制、粘贴、全选、选择功能失效问题
- Android开发:ListView系列之item点击事件的实现及点击事件失效的解决办法
- input输入框file类型选择同样输入框第二次不触发onchange事件的解决办法
- 动态添加dom元素(innerHTML方式)时focus()在第二次时会失效的解决办法
- 解决JQuery全选/反选第二次失效的问题
- easyui datagrid checkbox初始化某几行disabled时,点击全选还是可以选择 解决办法
- 基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法
- easyui datagrid checkbox初始化某几行disabled时,点击全选还是可以选择 解决办法
- 基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法
- Android中ListView实现子控件点击事件后ListView点击事件失效解决办法
- apache实现动静分离及(跨域、session失效的解决办法)
- onchange第二次点击失效的解决办法
- Android--解决EditText放到popupWindow中,原有复制、粘贴、全选、选择功能失效问题
- jQuery.form.js插件回调函数失效的解决办法
- PHP session 失效不传递的解决办法
- jquery中checkbox全选失效的解决方法
- spring+springMVC,声明式事务失效,原因以及解决办法
- IE浏览器中Image对象onload失效的解决办法