jquery怎么實(shí)現(xiàn)全選功能

養(yǎng)魚(yú)的貓咪
539
2021-05-26 19:17:33

使用jquery實(shí)現(xiàn)全選功能的方法:1.新建html項(xiàng)目,引入jquery;2.創(chuàng)建input多選框;3.添加button按鈕,綁定onclick點(diǎn)擊事件;4.通過(guò)標(biāo)簽名獲取input對(duì)象,使用prop()方法實(shí)現(xiàn)全選;


jquery怎么實(shí)現(xiàn)全選功能


具體步驟如下:

1.首先,新建一個(gè)html項(xiàng)目,并在項(xiàng)目中引入jquery;


<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>


2.引入jquery后,在項(xiàng)目中創(chuàng)建input多選框,用于測(cè)試;


<input type="checkbox" />

<input type="checkbox" />

<input type="checkbox" />

3.input多選框創(chuàng)建好后,添加一個(gè)button按鈕,并綁定onclick點(diǎn)擊事件,用于點(diǎn)擊全選;



<button onClick="set()"><button>

4.最后,按鈕添加好后,在點(diǎn)擊事件中通過(guò)標(biāo)簽名獲取input對(duì)象,在使用prop()方法將checked屬性設(shè)置為true即可實(shí)現(xiàn)全選;


fucntion set(){

$("input").prop("checked",true);

}



0