html全选反选按钮,利用js实现全选、反选、全不选(button)

全选

全不选

反选

篮球

羽毛球

乒乓球

足球

橄榄球

棒球

// 第一种方法

// 全选

/*$('button

全选/全不选

反选

篮球

羽毛球

乒乓球

足球

橄榄球

棒球

// 全选和全不选举

$('.all')

代码:

```

Document

全选

全不选

反选

var check_all = document.getElementById('check_all')

window.οnlοad=function(){

// 全选/全不选

var chk1=document.getElementById("chk1");

// 反选

js实现复选框的全选、全不选和反选

主要是用遍历的方法查找元素,然后通过改变checked的属性来选择,为true则是选中状态,为false则是未选状态

实现代码

1

1、JS代码

function ($) {

//全选 反选 全不选

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

$(".lists

$(function() {

$("#all").click(

function() {

$("input[name='bolls']").prop("checked",

$("#all").is(":checked") ? true : false);

});

$("input[name='bolls']").click(function() {

var...

html>

Insert title here

window.onload...

1

2

3

4

Checkbox的练习

5

6 *{margin:0px;padding:0px;}

...

function     doCheckBox(iType){

...

jQuery使用prop()和checked()函数实现Checkbox复选框全选、全不选、反选、提交等功能前段时间使用JavaScript写了一个简易版的Checkbox全选全不选功能于是最近使用jQuery

jQuery使用prop()和checked()函数实现Checkbox复选框全选、全不选、反选、提交等功能前段时间使用JavaScript写了一个简易版的Checkbox全选全不选功能于是最近使用jQuery

HarmonyOS(鸿蒙)技术社区是由51CTO和华为共同打造的综合性开发和应用技术社区。作为华为的官方战略合作伙伴,51CTO将多年的社区运营经验与华为的技术赋能相结合,为开发者提供高质量有深度的HarmonyOS(鸿蒙)学习交流平台。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值