js小效果----全选和反选

从今天开始,就开始写文章了,记录一下自己的学习过程。每天记录一个小的技巧,加深学习印象。

今天写一个全选反选的小js效果,希望能对初学的朋友有所帮助,我的也是初学,有不对的地方望留言指教!


Document

首先,我们在页面写出我们需要的div结构,很简单,首先就是两个checkbox,一个全选,一个反选;

用来做选择;

然后建立一个div,给加个盒子,并命名id,利用它来找我们要操作的checkbox;

这样,我们的demo就建好了;







下面我们来写js代码,代码也很简单;

到此,我们就完成了一个简单的全选反选的小js效果,是不是很简单呢;哈哈;期待我的文章能对你有所帮助;让我们共同进步!!!

你可能感兴趣的:(js小效果----全选和反选)