小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。
前文学习了 JavaScript 表单对象的常见属性和方法, 本文继续学习 JavaScript 的表单对象的 单选框和复选框
JavaScript 表单对象
JavaScript 表单通常用来搜集信息: 比如登录, 填报信息等.
HTML
<form>元素表示文档中的一个区域,此区域包含交互控件,用于向 Web 服务器提交信息。
表单对象内容 - 单选和复选框的使用
前文学习了表单对象的相关内容, 在表单中, 要搜集的信息往往不是一个两个, 用到的元素也是多种多样.
而单选按钮就是常会用的元素之一, 在浏览器对象中, 可将单选按钮看作是一个对象.
单选按钮 radio 对象
radio 对象表示 表单对象中的 单选按钮, 可以通过 <input type="radio"> 来创建, 一个标签元素对应创建一个 单选按钮对象.
而单选按钮表示 一组互斥单选按钮中的一个, 如果选择一个, 那么其他的按钮的值就是非选择状态. 比如性别信息的搜集. 单选按钮触发的事件为onclick句柄.
男: <input id="male" type="radio" name="Sex" value="男" /> 女:
<input id="female" type="radio" name="Sex" value="女" />
对应单选的 复选框
复选框 checkbox 对象和 JavaScript 中的单选按钮一样, 作为一个表单对象的元素. 可以通过 <input type="checkbox"> 来创建, 一个标签元素对应创建一个 复选框对象.
对应的 JavaScript 中的单选按钮 和复选框对象 和 HTML 的标记 radio 和 checkbox 的方法属性一致.