jQuery checkbox chrome 是一款兼容谷歌瀏覽器的 jquery 多選框插件,它可以讓我們快速地創(chuàng)建多選框并處理多選框的狀態(tài)。
// 引入 jQuery// 引入 jquery checkbox chrome
使用 jQuery checkbox chrome 可以很方便地創(chuàng)建一個多選框,只需要在頁面中添加以下代碼:
選項1 選項2 選項3 選項4
使用 jQuery checkbox chrome 處理多選框的選中狀態(tài)也很簡單,只需要在 JavaScript 中添加以下代碼:
$('.checkbox').checkbox({ onChange: function(values) { // values 是選中的多選框的值組成的數(shù)組 console.log(values); } });
除了 onChange 事件外,jQuery checkbox chrome 還支持 beforeChange、afterChange 事件和 check、uncheck 方法。
$('.checkbox').checkbox({ beforeChange: function(values) { // values 是選中的多選框的值組成的數(shù)組 console.log(values); return true; }, afterChange: function(values) { // values 是選中的多選框的值組成的數(shù)組 console.log(values); }, check: function(values) { // values 是需要被選中的多選框的值組成的數(shù)組 console.log(values); }, uncheck: function(values) { // values 是需要取消選中的多選框的值組成的數(shù)組 console.log(values); } });
希望本篇文章對大家了解 jQuery checkbox chrome 有所幫助。