使用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)全選;
具體步驟如下:
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);
}