jQuery复选框多选问题
生活随笔
收集整理的這篇文章主要介紹了
jQuery复选框多选问题
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<html><head><title>work.html</title><script type="text/javascript" src="js/jquery-3.2.1.js"> </script><script type="text/javascript">$(function() { // 全選 / 全不選$($("#CheckedAll")).click(function() {var $isAllChecked = $("#CheckedAll").prop("checked");$("input[name='items']").prop("checked", $isAllChecked);});$("input[name='items']").click(function() {// 所有復選框長度var $allLen = $("input[name='items']").length;// 選中復選框長度var $ckLen = $("input[name='items']:checked").length;// 全部選中$("#CheckedAll").prop("checked", $allLen == $ckLen);});// 選中的彈出值$("#send").click(function() {var $items = $("input[name='items']:checked");for (var i = 0; i < $items.length; i ++) {alert($items[i].value);}});});</script></head><body><form>你愛好的運動是？<input type="checkbox" id="CheckedAll" />全選/全不選<br/><input type="checkbox" name="items" value="足球"/>足球<input type="checkbox" name="items" value="籃球"/>籃球<input type="checkbox" name="items" value="羽毛球"/>羽毛球<input type="checkbox" name="items" value="乒乓球"/>乒乓球<br/><input type="button" id="send" value="提 交"/> </form></body>
</html>
總結
以上是生活随笔為你收集整理的jQuery复选框多选问题的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 素性测试的Miller-Rabin算法完
- 下一篇： IK分词器原理