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

最新推荐文章于 2024-07-11 13:48:41 发布

转载最新推荐文章于 2024-07-11 13:48:41 发布 · 452 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/leebokeyuan/p/9252428.html

文章标签：

#javascript #ViewUI

本文介绍如何使用JavaScript和jQuery来检查和设置HTML中checkbox的状态。通过示例代码展示了如何判断checkbox是否被选中，以及如何手动设置其选中状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

<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>

转载于:https://www.cnblogs.com/leebokeyuan/p/9252428.html