判断 checkbox 是否选中以及设置checkbox选中

全栈程序员站长

发布于 2022-09-07 09:57:58

6.3K00

代码可运行

文章被收录于专栏：全栈程序员必看全栈程序员必看

运行总次数：0

代码可运行

大家好，又见面了，我是你们的朋友全栈君。

//判断checkbox 是否选中
$("#id").is(":checked");//选中，返回true，没选中，返回false
 
//设置checkbox为选中状态
$("#id").prop("checked",true);
 
//设置checkbox为不选中状态
$("#id").prop("checked",false);

JS

<input type="checkbox" id="chox" value="选择"><input />
<input id="Button1" type="button" value="button" onclick="is_check()" />

    <script language="javascript" type="text/javascript">
        function is_check() {
            var statue = document.getElementById("chox");
            if (statue.checked) {
                alert("选中");
            } else {
                alert("未选中");
            }
        }
    </script>