JS实现单选,多选,全选,反选,全不选
2014-07-13 15:23
357 查看
//单选 function deleteFee(id){ if(confirm("确定删除吗?")){ location.href="deleteCost?id="+id; } //多选 function check(){ var oj = document.getElementsByName("del"); var d=false; for(var i = 0 ; i < oj.length;i++){ if(oj[i].checked){ d=true; } } if(d){ var f =confirm("确实要删除吗"); if(f){ return true; }else{ return false; } }else{ alert("删除要删除的"); return false; } } //全选 function checkall(){ var oj = document.getElementsByName("del"); for(var i = 0 ; i < oj.length;i++){ oj[i].checked=true; } } //全不 function checknone(){ var oj = document.getElementsByName("del"); for(var j = 0 ; j < oj.length; j++){ if(oj[j].checked){ oj[j].checked=false; } } } //反选 function checkback(){ var oj = document.getElementsByName("del"); for(var k = 0 ; k < oj.length;k++){ if(oj[k].checked){ oj[k].checked=false; }else{ oj[k].checked=true; } } }
<pre class="html" name="code"><input type="text" name="id"/> <input type="submit" value="查询 " /> <form action="deleteCost" method="post" onsubmit="check();"> <input type="checkbox" name="del" value="id"/> <input type="button" value="全选" onclick="checkall();"/></th> <th><input type="button" value="全不" onclick="checknone();"/></th> <th><input type="button" value="反选" onclick="checkback();"/></th>
相关文章推荐
- JS实现单选、多选、全选、反选
- javascript实现ListBox左右全选、单选、多选、全请
- 使用javascript实现ListBox左右全选,单选,多选,全请
- JS实现单选、全选、反选
- js实现多选与单选
- js实现 全选/反选 和 单选
- 用JS实现一个在线测试(有单选、多选、判断题型),求在同一个JS里来判断单选框或复选框选中的值
- android listview ExpandableListView实现多选,单选,全选,edittext实现批量输入
- Android Recyclerview实现多选,单选,全选,反选,批量删除的功能
- Android listview ExpandableListView实现多选,单选,全选,edittext实现批量输入的实例代码
- 表格内自定义多选按钮样式,实现全选功能,纯表格内容js分页
- Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行
- JS 实现checkbox多选按钮 全选
- Webform之Repeater中的单选和多选的应用以及前段JS的实现
- 左边select内容选择到右边select内容里面的js实现方法(可以多选和全选)
- js实现全选、单选
- 使用js实现全选 单选 全部选
- js实现(全选)多选按钮的方法【附实例】
- 购物车实现单选、多选、全选和一些fragment的布局
- js实现多选框分类全选与取消