单选与多选

阅读更多

单选：Radio 对象代表 HTML 表单中的单选按钮。

在 HTML 表单中 每出现一次，一个 Radio 对象就会被创建。

 

多选：在 HTML 文档中 每出现一次，Checkbox 对象就会被创建。

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

 

Checkbox 对象的属性：

①accessKey                        设置或返回访问 checkbox 的快捷键

注释：请使用 Alt + accessKey 为拥有指定快捷键的元素赋予焦点

语法：checkboxObject.accessKey=accessKey

实例：

AccessKey for checkbox is: 

 

②alt                                        可设置或返回浏览器不支持 checkbox 时显示的替代文本

语法：checkboxObject.alt=alternate_text

 

I have a bike: 


I have a car: 

The alt text for the checkboxes are:

 

 

③checked                                           设置或返回 checkbox 是否应被选中

 

语法：checkboxObject.checked=true|false

 

你喜欢怎么喝咖啡？

    加奶油

    加糖块

    

    
    


    

 拓展：

 

1.通过元素属性name获得所有name="coffee"的值

2.form 属性返回对包含该元素的表单对象的引用,forms 集合可返回对文档中所有 Form 对象的引用

 

form例子：

The form containing the checkbox is: 

 

forms 例子：

您的姓名：


您的汽车：


要访问集合中的项目，你既可以使用项目编号，也可以使用项目名称：

 

3.遍历数组获取已选中对象

这里再写个小例子，js获取表单数据

    username : 


    password : 


    sex :
    男
    女


    addr :
    
            北京
            上海
            广州
            深圳
    


    fruits :
    香蕉
    苹果
    橘子
    西瓜 


    

 

③defaultChecked                                  返回 checked 属性的默认值

语法：checkboxObject.defaultChecked

默认被选中时返回true，否则返回false，例子：

 

④disabled                                           设置或返回是否禁用 checkbox

语法：checkboxObject.disabled=true|false

 

⑤form                                            返回对包含 checkbox 的表单的引用，上面已做详解

    forms                                               集合可返回对文档中所有 Form 对象的引用

 

⑥id                                                      设置或返回 checkbox 的 id

 

⑦name                                       设置或返回 checkbox 的名称

 

⑧tabIndex                                  设置或返回 checkbox 的 tab 键控制次序，这个我在后面文章http://570109268.iteye.com/blog/2405709做了详解

 

⑨type                                返回元素的表单类型。对于一个 checkbox 对象，该属性总是返回 "checkbox"

 

⑩value                              设置或返回 checkbox 的 value 属性的值

 

 

 

 

 

  

 

 

 

 

 

 

 

 

 

 

 

 

 

.