Jquery对复选框的操作

<from>

你的爱好是?<br/>

<input type="checkbox" name="items" value="篮球" />篮球

<input type="checkbox" name="items" value="乒乓球" />乒乓球

<input type="checkbox" name="items" value="羽毛球" />羽毛球

<input type="checkbox" name="items" value="足球" />足球

</from>

若是复选框处于选中或者不选中的状态，必须通过控制元素的 checked属相来达到目的.

1:全选

$("#checkall").click(function(){

$('[name=items]:checkbox').attr('checked',true);

})

2:全不选

$("#checkall").click(function(){

$('[name=items]:checkbox').attr('checked',false);

});

3:反选

$("#checkall").click(function(){

$('[name=items]:checkbox').attr('checked',!$(this).attr('checked')); //原来是false,则现在为true;原来是true,则现在为false; 这里取了一个非(!) 操作

});

4：用户点击提交后把选中的值全部输出：

$("#send").click(function(){

var str="你选中的是：\r\n"; // \r\n 是换行

$('[name=items]:checkbox:checked').each(function(){ //对所有选中项进行遍历

str +=$(this).val()+"\r\n";

})

alert(str); //弹出你选择的项

});

转载于:https://www.cnblogs.com/itdream/archive/2012/05/31/2528428.html

Jquery对复选框的操作相关推荐

JQuery实现复选框CheckBox的全选、反选、提交操作
对复选框最基本的应用,就是对复选框进行全选.反选和提交等操作.复杂的操作需要与选项挂钩,来达到各种级联反应效果. [示例]使用Jquery实现复选框CheckBox的全选.反选.提交操作. (1)创建 ...
将jQuery的复选框设置为“已选中”？
我想做这样的事情来使用jQuery勾选一个checkbox : $(".myCheckBox").checked(true); 要么 $(".myCheckBox&quo ...
js,jquery获取复选框checkbox被选中的值
转载:https://blog.csdn.net/qq_35792598/article/details/76646983 <!DOCTYPE html PUBLIC "-//W3C/ ...
jquery获取复选框checkbox被选中的值
获取复选框基本操作 html代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "h ...
jquery判断复选框选中状态以及区分attr和prop
这篇文章主要介绍了jquery判断复选框选中状态以及区分attr和prop,感兴趣的小伙伴们可以参考一下最近项目中需要用jquery判断input里checkbox是否被选中,发现用attr()获取 ...
jquery循环复选框选中的值_jquery获取复选框被选中的值
这篇文章主要介绍了jquery获取复选框被选中的值的方法,需要的朋友可以参考下 JS获取复选框被选中的值 0 1 2 3 4 5 6 7 JS代码对checkbox的其他几个操作 1. 全选 2. ...
html简单获取多选框的,jquery获取复选框的值的简单实例
JS获取复选框被选中的值 0 1 2 3 4 5 6 7 JS代码对checkbox的其他几个操作 1. 全选 2. 取消全选 3. 选中所有奇数 4. 反选 5. 获得选中的所有值 js代码 $( ...
jQuery实现复选框的全选和反选：
jQuery实现复选框的全选和反选: 截图如下: 代码如下: index.jsp: <%@ page language="java" import="java.ut ...
复选框遍历选中 php,jQuery的复选框选择并且获取值
这次给大家带来jQuery的复选框选择并且获取值,jQuery复选框选择并且获取值的注意事项有哪些,下面就是实战案例,一起来看一下. 一.checkbox选择在jQuery中,选中checkbox通 ...

Jquery对复选框的操作

Jquery对复选框的操作相关推荐

最新文章

热门文章