Html中使用自定義圖片來實現checkbox顯示的方法

2019-10-26 17:19:55

字體：大中小

來源：轉載

供稿：網友

如果需要使用圖片來實現checkbox的使用，可以使用來實現，實現原理是將label表簽代替checkbox的顯示，將checkbox的display設置為none,在label標簽中使用要顯示的圖片img，再使用js函數去控制圖片的選中與否的切換。

JavaScript Code復制內容到剪貼板

</label> <input type="checkbox" style="display:none" id="agree" checked="checked">

var checkimg = document.getElementById("checkimg"); if($("#agree").is(':checked') ){

$("#agree").attr("checked","unchecked"); checkimg.src="../img/unchecked.png";

checkimg.alt="未選"; } else{

$("#agree").attr("checked","checked"); checkimg.src="../img/checked.png";

checkimg.alt="選中"; }

} </script>

以上就是小編為大家帶來的Html中使用自定義圖片來實現checkbox顯示的方法全部內容了，希望大家多多支持武林站長站~

學習交流

電腦開不了機的原因和解決辦法

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

2019-10-23 09:17:05

2019-10-21 09:20:02

2019-10-21 09:00:12

2019-09-26 08:57:12

2019-09-25 08:46:36

2019-09-25 08:15:43

疑難解答

圖片精選

網友關注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本