HTML <input> 标签的 checked 属性

最新推荐文章于 2025-05-16 17:10:47 发布
最新推荐文章于 2025-05-16 17:10:47 发布
阅读量6.6k 收藏 7
点赞数 5
CC 4.0 BY-SA版权
分类专栏： HTML-JS 文章标签： checkbox 标签 checked-c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wangkaihua5/article/details/65628584
本文详细介绍了HTML中复选框（checkbox）的checked属性的使用方法，包括其基本语法、实例展示以及使用时需要注意的事项。文章特别强调了在JavaScript中如何正确判断复选框的状态，并解释了checked属性的一些特殊行为。

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

1. 实例

带有一个预选定复选框的 HTML 表单：

<form action="form_action.jsp" method="get">
<input type="checkbox" name="hobby" value="swimming" checked="checked" />游泳
</form>

2. 语法


属性值：checked

3.注意点

这里写图片描述

  1. 当用js判断是否被选中时使用prop,不要使用attr。
  2. checked默认值是checked而不是true。但控制台调试打印 无论属性值是什么打印出来都是true。
  3. 使用checked=‘’false‘’。不能设置为未被选中状态。只要checked有值即被选中状态。不添加此属性就不会被选中了。
HTML 中 `＜input＞` 属性中设置 `checked` 不生效的问题
CbrFullstack的博客
09-29 1301
请检查相关的 CSS 样式表，查看是否存在样式规则影响了单选按钮的显示状态。可以使用浏览器的开发者工具检查元素的样式规则，并根据需要进行相应的调整。多个单选按钮被选中：在一组单选按钮中，只能有一个单选按钮被选中。JavaScript 操作：如果在 JavaScript 中通过编程方式操作了单选按钮的。属性，可以在页面加载时预先选中某个单选按钮。属性后，单选按钮却没有预期的选中效果。属性不生效的原因，确保单选按钮能够按预期工作。属性不生效的原因，并提供相应的源代码示例。在上面的示例中，第一个单选按钮设置了。
html input解析,HTML input标签的checked属性与Razor解析
weixin_28949937的博客
06-16 800
在HTML中，input标签能够经过type属性设置为checkbox。同时，也就包含了一个checked属性。对于这个checked属性，有一个特别的地方就是，它能够不须要属性值就能够表示是否选择了。这背后的缘由是源自于早期的HTML，checked是一个独立的boolean属性。html因此给1)checked赋值true浏览器和2)直接写checkedspa是等价的。翻译我在按照精通ASP....
html 复选框checkbox
最新发布
2503_92095625的博客
05-16 1268
<input type="checkbox" checked name="category" value="今日话题" onclick="my_func()"/>今日话题
html input check属性,关于HTML中input标签(radio|checkbox)的checked属性 property attribute
weixin_29541695的博客
06-04 681
title: 关于HTML中input标签(radio|checkbox)的checked属性icon: fa-html5date: 2017-11-23 18:03:47categories:tags: htmljQuery操作checked如果你在开发中需要用jQuery操作单选(radio)或者多选(checkbox)元素的选中与取消选中，那你可能会遇到这样的问题：假设有这样的一个check...
html input check属性,HTML Input Checkbox checked用法及代码示例
weixin_33249090的博客
06-04 1884
DOM Input Checkbox属性用于设置或返回复选框字段的选中状态。此属性用于反映HTML Checked属性。用法:它用于返回选中的属性。checkboxObject.checked用于设置选中的属性。checkboxObject.checked = true|false属性值：true:它定义复选框处于选中状态。false:它指定未选中该复选框。默认情况下为false。返回值：它返回一...
html输入框check,jQuery 版本的文本输入框检查器Input Check
weixin_34722760的博客
06-04 470
/*** power by wooshoo copyright 2008-2009* 程序名：JQuery 专用输入检查器* 内容：专门针对input[text password hidden]以及textarea的用户输入进行检查* 检查的范围包括：字符数、是否包含特殊字符、是否为整数、是否符合email格式、是否为电话号码、* 是否为网站地址、是否为图片地址、是否为浮点小数、是否为人民币货币、...
【HTML+CSS】HTML ＜input＞ 元素详解：类型与常用属性
Xiaoxin的博客
07-29 3068
在HTML中，元素是最常用的表单元素之一，它允许用户输入数据。元素极其灵活，通过不同的type属性，它可以转变为文本框、密码框、提交按钮、单选按钮、多选按钮等多种不同类型的输入控件。同时，它还支持多种属性来控制这些控件的行为和外观。本文将详细介绍HTML元素的各种类型及其常见属性。
HTML5 ＜iframe＞ 标签、HTML5 ＜input＞ 标签
thgj0006的博客
04-12 1163
iframe> 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。 标签规定了用户可以在其中输入数据的输入字段。 元素在 元素中使用，用来声明允许用户输入数据的 input 控件。输入字段可通过多种方式改变，取决于 type 属性。
<form action=""> <input type="text">账户<br> <input type="password">密码 性别: <input type="radio" name="sex">男 <input type="radio" name="sex" checked="checked">女 <br> 爱好: <input type="checkbox"> 吃饭 <input type="checkbox"> 睡觉 <input type="checkbox"> <br> 打游戏 <input type="button" value="我是个按钮"> <input type="button" value="我是个按钮" onclick="alert('hello')"> <input type="text" name="username"> <input type="submit" value="提交"> <br> <input type="text" name="username"> <input type="submit" value="提交"> <input type="reset" value="清空"> <br> <input type="file">选择文件 <br> <select> <option>北京</option> <option selected="selected">上海</option> </select> <br> <select> <option>--请选择年份--</option> <option>1991</option> <option>1992</option> <option>1993</option> <option>1994</option> <option>199其中
04-26
<label><input type="radio" name="gender" value="male" checked> 男 </label> <label><input type="radio" name="gender" value="female"> 女 </label> ``` 注意：`checked` 属性可以让某个选项默认被选中[^4]。 ...
<h1>注册信息</h1> <form action="action_page.php" method="get"> <label>姓名：</label><input type="text" placeholder="请输入真实姓名"> <br></br> <label>密码：</label><input type="password" placeholder="请输入密码"> <br></br> <label>确认密码：</label><input type="password" placeholder="请输入确认密码"> <br></br> <label>性别：</label> <label><input type="radio" name="gender"> 男</label> <label><input type="radio" name="gender" checked> 女</label> <br></br> <label>居住城市：</label> <select> <option>北京</option> <option>上海</option> <option>广州</option> <option>深圳</option> <option>武汉</option> </select> <h2>教育经历</h2> <label>最高学历：</label> <select> <option>博士</option> <option>硕士</option> <option>本科</option> <option>大专</option> </select> <br></br> <label>学校名称：</label><input type="text"> <br></br> <label>所学专业：</label><input type="text"> <br></br> <label>在校时间：</label> <select> <option>2015</option> <option>2016</option> <option>2017</option> <option>2018</option> </select> <br></br> <select> <option>2019</option> <option>2020</option> <option>2021</option> <option>2022</option> </select> <br></br> <h2>工作经历</h2> <label>公司名称：</label><input type="text"> <br></br> <label>工作描述：</label> <br> <textarea></textarea> <br></br> <input type="checkbox"><label>已阅读并同意以下协议：</label> <ul> <li><a href="#">《用户服务协议》</a></li> <li><a href="#">《隐私政策》</a></li> </ul> <br></br> <button>免费注册</button> <button type="reset">重新填写</button> </form>
04-03
然后，每个表单项使用了<label>标签，但部分输入字段没有正确关联label的for属性和input的id属性，这可能会影响可访问性。例如，姓名输入框的label没有for属性，input也没有id，这样屏幕阅读器可能无法正确关联它们...
HTML常用标签-----例如＜p＞＜img＞＜li＞等
qq_56798763的博客
07-04 1138
1.HTML5头部结构 【DOCTYPE html】 声明文档类型为HTML5文件。 文档声明在HTML5文档必不可少，且必须放在文档的第一行。 【meta标签】 1.charset属性：单独使用，设置文档字符及编码格式。 写法：<meta charset="UTF-8"> 常见的中文编码格式： B-2312:国标码，简体中文 GBK：扩展的国标编码，简体中文 UTF-8:万国码 Unicode码，基本兼容各国语言文字 2.http-equiv属性：需配合c..
html获取input选中状态,利用jquery获取html中被选中的input,checkbox的值
weixin_33423069的博客
05-31 766
单个按钮支付宝财务通获取一组单选按钮对象：var obj_payPlatform = $('#wrap input[name="payMethod"]');获取被选中按钮的值 ：var val_payPlatform = $('#wrap input[name="payMethod"]:checked ').val();多个按钮创建Html元素点击按钮获取checkbox的选中值：发送短信发送邮件...
html中input中checkbox,HTML Input Checkbox用法及代码示例
weixin_39664998的博客
06-16 2614
HTML中的输入复选框对象表示HTML表单中的复选框。对于HTML表单中元素的每个实例，将创建一个复选框对象。要访问复选框对象，请为相应形式的元素数组建立索引或使用getElementById()；创建复选框对象：我们可以通过JavaScript创建复选框对象。要创建元素，请使用document.createElement()方法。创建后，使用appendChild()方法将其附加到特定元素(例如...
【HTML】HTML 表单 ① ( input 表单控件 | input 标签语法 | input 标签属性 | type 属性 | value 属性 | name 属性 | checked 属性 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
02-22 4714
一、HTML 表单 二、input 表单控件 1、input 标签语法 2、input 标签属性 3、type 属性 5、value 属性 6、name 属性 7、checked 属性
html标签的checked属性详解
qq_40556950的博客
05-14 1万+
注意：当元素中有checked属性时，其值无论是什么，都是被选中状态，那怎么才能让其不被选中呢，就是用jquery或js代码实现 1、html中的checked属性。仔细研究下会发现一个很怪异的现象。　 你知道上面这四个复选框到底那些被选中了？那些没被选中吗？ 其实乍一看我也不知道结果，运行完后也想不通为什么，查看资料才发现确实是那样的。 结果是： 其实原理是这样的，复选框里只要有checked属性，不管是否为其赋值，结果为空或true或false或任意值，均为选中状态。 2、利用jav
html input 多选box标签,利用HTML中的<label>标签与<input>标签的checked属性制作点击轮!...
weixin_39714307的博客
06-09 493
该楼层疑似违规已被系统折叠隐藏此楼查看此楼大家好！我是伯特-n0。下面我给大家分享一下利用HTML中的标签 的checked选择器。制作点击按钮轮播图片的效果。页面效果如下：HTML布局：首先一个div把四个标签包裹着，用type="text"属性把属性值改变成radio，标签就变成了一个单选框的样式；还要加一个name="ra"属性，而属性值并不是固定的，但是属性值必须一致，每个都要有name...
html checked属性值,HTML复选框的checked属性的值是多少？
weixin_29638987的博客
06-08 566
8种机械键盘轴体对比本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？我们都知道如何在HTML中构成复选框输入：我不知道 - 选中复选框的技术上正确的值是多少？我已经看到了这些工作：答案是无关紧要的？我没有看到答案标记为正确的证据[这里< /a>来自规范本身：Checkboxes (and radio buttons) are on/off switches that may ...
HTML中把input check复选框为单选功能
每天进步一点点儿
11-08 1万+
有时候我们会遇到这样的需求，想要用多选框的方框，但是又想让它单选，有以下解决方案。 1.设置页面中input是同级元素时checkbox为单选： html部分代码： &lt;input type="checkbox" name="check1"/&gt; &lt;input type="checkbox" name="check2"/&gt; &lt;input type=&quot
HTML中input输入框（详解输入框的用法）
热门推荐
百赢出品，必属精品
04-30 2万+
input>元素是HTML表单中最常见的元素之一，用于收集用户的输入数据。它可以包含多种类型的输入，如文本、密码、数字等。通过指定不同的type属性，可以定义不同类型的输入字段。类型（type）属性定义输入字段的类型，如文本框、密码框、单选按钮、复选框等。常见类型包括textpasswordradiocheckboxfile等。名称（name）属性用于标识输入字段的名称，以便在表单提交时能够将数据传输到服务器。对于单选按钮和复选框，相同名称的一组按钮被视为一个组，只能选择其中的一个或多个。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值