js實(shí)現(xiàn)全選反選不選功能代碼詳解
更新時間:2019年04月24日 11:05:21 作者:光頭強(qiáng)兒
這篇文章主要介紹了js實(shí)現(xiàn)全選反選不選功能,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
本文實(shí)例為大家分享了js實(shí)現(xiàn)全選反選不選功能的具體代碼,供大家參考,具體內(nèi)容如下
<!DOCTYPE html>
<html>
<meta charset='utf-8' />
<body>
<input type='checkbox' name='id' />哈哈<br/>
<input type='checkbox' name='id' />哈哈<br/>
<input type='checkbox' name='id' />哈哈<br/>
<input type='checkbox' name='id' />哈哈<br/>
<input type='button' name='id' value='全選' onclick='return fun()' />
<input type='button' name='id' value='取消全選' onclick='return fan()' />
<input type='button' name='id' value='反選' onclick='return fans()' />
<script type="text/javascript">
function fun()
{
var a=document.getElementsByName('id');
for(var i=0;i<a.length;i++)
{
a[i].checked=true;
}
}
function fan()
{
var a=document.getElementsByName('id');
for(var i=0;i<a.length;i++)
{
a[i].checked=false;
}
}
function fans()
{
var a=document.getElementsByName('id');
for(var i=0;i<a.length;i++)
{
if(a[i].checked==true)
{
a[i].checked=false;
}
else
{
a[i].checked=true;
}
}
}
</script>
</body>
</html>


相關(guān)文章
js實(shí)現(xiàn)n秒倒計(jì)時后才可以點(diǎn)擊的效果
這篇文章主要介紹了js點(diǎn)擊按鈕在倒計(jì)時后才可以點(diǎn)擊的效果,需要的朋友可以參考下2015-12-12
JavaScript函數(shù)擴(kuò)展與箭頭函數(shù)超詳細(xì)講解
這篇文章主要介紹了JavaScript函數(shù)擴(kuò)展與箭頭函數(shù)的使用,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2022-11-11
TypeScript?背后的結(jié)構(gòu)化類型系統(tǒng)原理詳解
這篇文章主要為大家介紹了TypeScript?背后的結(jié)構(gòu)化類型系統(tǒng)原理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11
js實(shí)現(xiàn)iGoogleDivDrag模塊拖動層拖動特效的方法
這篇文章主要介紹了js實(shí)現(xiàn)iGoogleDivDrag模塊拖動層拖動特效的方法,實(shí)例分析了javascript操作拖動層的技巧,需要的朋友可以參考下2015-03-03
js實(shí)現(xiàn)可得到不同顏色值的顏色選擇器實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)可得到不同顏色值的顏色選擇器,實(shí)例分析了javascript顏色操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
小程序數(shù)據(jù)緩存機(jī)制應(yīng)用實(shí)現(xiàn)
這篇文章主要介紹了小程序數(shù)據(jù)緩存機(jī)制應(yīng)用實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05

