jquery一些简单的小技巧
2011-07-05 19:57
232 查看
1 checkbox反选
3 checkbox全选和全不选
<input type= button value="反选" id="aa" onclick="check()"> <hr> <input type=checkbox class="chk"> <br> <input type=checkbox class="chk"> <br> <input type=checkbox class="chk"> <br> <input type=checkbox class="chk"> <br> <input type=checkbox class="chk"> <br> <input type=checkbox class="chk"> <br> <script> function check(status) { //这里的obj是dom $(".chk").each( function(i,obj){ obj.checked=!obj.checked; } ); } </script>2 复选框至少选一个
<input type= button value="删除" id="aa" onclick="check()"> <hr> <input type=checkbox class="chk"> <br> <input type=checkbox class="chk"> <br> <input type=checkbox class="chk"> <br> <input type=checkbox class="chk"> <br> <input type=checkbox class="chk"> <br> <input type=checkbox class="chk"> <br> <script> function check(status) { if ($(".chk:checked").size()<1) { alert("请选中先"); return; } } </script>
3 checkbox全选和全不选
<input type= button value="反选" id="aa" onclick="check()"> <hr> <input type=checkbox class="chk"> <br> <input type=checkbox class="chk"> <br> <input type=checkbox class="chk"> <br> <input type=checkbox class="chk"> <br> <input type=checkbox class="chk"> <br> <input type=checkbox class="chk"> <br> <script> function check(status) { //这里的obj是dom $(".chk").each( function(i,obj){ obj.checked=!obj.checked; } ); } </script>4 multiple select列表传值
<select multiple id="left"> <option value="九阴真经">九阴真经</option> <option value="九阴真经">九阳神功</option> <option value="九阴真经">一阳指</option> <option value="九阴真经">玉女心经</option> </select> <input type=button value=">" onclick="left2right()"> <select id="right" multiple> </select> <script> function left2right() { $("#left>option:selected").remove().appendTo($("#right")); } </script>
相关文章推荐
- 使用jquery时一些小技巧的总结
- jQuery 进行一些简单的表单验证
- 原生JS取代一些JQuery方法的简单实现
- jQuery里鼠标事件的一些简单实现
- 《php---ajax简单示例---jquery内部运行原理》---jquery只是就ajax的一些功能进行了封装
- 一些提升你jquery效率的小技巧
- 初次接触jQuery,实现一些简单的功能
- jQuery 一些简单常用方法
- 自己用到的一些jquery小技巧
- jQuery的一些简单语法总结
- jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
- jQuery 一些小技巧
- 下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS也可以实现。
- jquery 一些简单代码
- JQuery 一些简单的操作
- jQuery的一些简单知识点(一)
- jquery项目中一些比较常用的简单方法
- 学习汇编的第一天,简单看了一下这门语言的一些小技巧
- 原生JS取代一些JQuery方法的简单实现
- jquery项目中一些比较常用的简单方法