简单实现jQuery多选框功能

前端之家收集整理的这篇文章主要介绍了简单实现jQuery多选框功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Jquery多选框的基本操作:支持全选、反选、取消全选的功能

HTML正文:

Box" id="c1">全选/全不选
兴趣爱好:
Box" name="interst" value="basketball">篮球 Box" name="interst" value="football">足球 Box" name="interst" value="bedminton">羽毛球
显示">

Javascript操作代码

$("#b1").click(function(){
$("input[name='interst']").attr("checked","checked");
});

$("#b2").click(function(){
$("input[name='interst']").attr("checked","");
});

$("#b3").click(function(){
$("input[name='interst']").each(function(){
if(this.checked){
this.checked="";
}else{
this.checked="checked";
}
});
});

$("#b4").click(function(){
$("input[name='interst']:checked").each(function(){
alert(this.value);
});
});

效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/jquery/42736.html

猜你在找的jQuery相关文章