input type=checkbox 前面有个可供打钩的小方框 HTML DOM Checkbox 对象

Checkbox 对象

Checkbox 对象代表一个 HTML 表单中的一个选择框。

在 HTML 文档中 <input type="checkbox"> 每出现一次，Checkbox 对象就会被创建。

您可以通过遍历表单的 elements[] 数组来访问某个选择框，或者通过使用 document.getElementById() 。

Checkbox 对象的属性

属性	描述
accessKey	设置或返回访问 checkbox 的快捷键。
alt	设置或返回不支持 checkbox 时显示的替代文本。
checked	设置或返回 checkbox 是否应被选中。
defaultChecked	返回 checked 属性的默认值。
disabled	设置或返回 checkbox 是否应被禁用。
form	返回对包含 checkbox 的表单的引用。
id	设置或返回 checkbox 的 id。
name	设置或返回 checkbox 的名称。
tabIndex	设置或返回 checkbox 的 tab 键控制次序。
type	返回 checkbox 的表单元素类型。
value	设置或返回 checkbox 的 value 属性的值

标准属性

属性	描述
className	设置或返回元素的 class 属性。
dir	设置或返回文本的方向。
lang	设置或返回元素的语言代码。
title	设置或返回元素的 title 属性。

Checkbox 对象的方法

方法	描述
blur()	从 checkbox 上移开焦点。
click()	模拟在 checkbox 中的一次鼠标点击。
focus()	为 checkbox 赋予焦点。

http://www.w3school.com.cn/jsref/dom_obj_checkbox.asp

输入类型 - checkbox

checkbox 输入类型定义复选框。复选框允许用户在一定数量的选择中选取一个或多个选项。

实例

<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />
<input type="checkbox" name="vehicle" value="Car" /> I have a car

转载于:https://www.cnblogs.com/xuedexin/articles/5616932.html

input type=checkbox 前面有个可供打钩的小方框 HTML DOM Checkbox 对象相关推荐

input type所有功能
input输入框,常用的type属性有button/submit/text/password/checkbox/radio/hidden/file/number等等,随着技术不断的发展,input的功 ...
input[type=checkbox] ; input[type=radio] 改变默认样式
/*改变checkbox 默认样式*/input[type="checkbox"] { -webkit-appearance: none; /*清除复选框默认样式*/ height ...
jq设置checked是否选中_javascript之jquery如何判断input type=checkbox中checked是否存在选中项呢？...
摘要: 下文讲述jquery技巧-获取checkbox对象是否选中的方法分享,如下所示: 实现思路: 方式1: jquery 1.6版本之前-我们检测checkbox是否被选中,可使用attr方法 $ ...
自定义 input[type=checkbox]的样式
自定义 input[type="checkbox"]的样式对复选框自定义样式,我们以前一直用的脚本来实现,不过现在可以使用新的伪类 :checkbox 来实现. 如果直接对复选框 ...
fastadmin html js记录一次＜input type=““checkbox“ 不选中表单不提交字段问题
先描述下场景: 客户想要一个单复选框功能,如下图所示,查了下fastadmin文档没发现,只找到了一个 //单个复选框 Form::checkbox(string $name, string $val ...
input type=“checkbox“
多选框 checkbox : 意为从多个选项中选择一项或者多项如下: checked 属性表示该选项在默认情况下已经被选中复选框是没有文本的,需要加入 label 标签,并且 label 的 fo ...
input type=checkbox样式设置
效果 html代码 <div class="checkbox-item"><input name="checkbox" id="it ...
自定义input type=checkbox
一个比较常见的需求,自定义checkbox那个箭头的样式核心思想是用一个lable和checkbox绑定,将css加到label上,然后隐藏原来的checkbox 先写个checkbox加label ...
HTML 5 input type 属性
语法 <input type="value"> 属性值值描述 button 定义可点击的按钮(大多与 JavaScript 使用来启动脚本) checkbox 定义 ...