Html中判斷復選框是否選中

本文轉載自查看原文 2017-12-30 20:27 1638

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
   <script src="./lib/jquery-3.2.1.min.js"></script>
</head>
<body>
    <form action="">
        <label for="cr"><input type="checkbox" id="cr">我已經閱讀上面制度</label>
    </form>
    <script>
        $(document).ready(function(){   //等待dom元素加載完
            var $cr = $("#cr");         //獲取JQuery對象
            var cr = $cr[0];            //DOM對象 或者 $cr.get(0)
            $cr.click(function(){
                第一種方法:
                if(cr.checked){   
                    alert("感謝你的支持！你可以繼續操作！");
                }
                第二種方法
                if($cr.is(":checked")){  
                    alert("感謝你的支持！你可以繼續操作！");
                }
                第三種方法:
                if($cr.prop("checked")){  
                    alert("感謝你的支持！你可以繼續操作！");
                }
            })
        })
    </script>
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 JQuery 判斷復選框是否選中實現table中checkbox復選框、以及判斷checked是否被選中、js操作checkedbox選中 php判斷復選框是否被選中的方法【WEB】jQuery 判斷復選框是否選中 AngularJS判斷checkbox/復選框是否選中並實時顯示用js判斷一個復選框是否被選中 jquery復選框選中事件及其判斷是否被選中_常用筆記 jQuery操作復選框checkbox技巧總結 ---- 設置選中、取消選中、獲取被選中的值、判斷是否選中等 ZH奶酪：AngularJS判斷checkbox/復選框是否選中並實時顯示（轉）AngularJS判斷checkbox/復選框是否選中並實時顯示