首页单选框checkbox二选一html

单选框checkbox二选一html

时间: 2024-08-24 14:01:12 浏览: 84

HTML复选框和单选框 checkbox和radio事件介绍

checkbox 和 radio的事件选择一度让我很迷惑。开始以我对js的理解，我觉得change事件应该是最合理的，可惜啊ie下change事件是在改变后焦点离开时才触发。后来就用click mousedown等鼠标事件代替。发现click比mousedown要更完美一些： radio注册了click事件以后，神奇的是用键盘上的上下左右选择时，居然会触发鼠标事件，滚轮也会触发，这种神奇的事情在mousedown下面是不会发生的。（webkit不能使用上下左右选择） checkbox注册click事件后，奇迹再次上演，当我们用空格选中checkbox时，神奇的click事件再次触发，而mo

在HTML中，单选框（Checkbox）通常用于创建二选一的选择题，让用户从两个选项中选择其中一个。每个单选框都有一个唯一的`name`属性，所有同名的单选框组成一组。当用户勾选其中一个时，其值（默认是`on`）会被提交到服务器。下面是一个简单的例子： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>二选一单选框</title> </head> <body> <form> <label for="option1">选项A：</label> <input type="checkbox" id="option1" name="choice" value="A"><br> <label for="option2">选项B：</label> <input type="checkbox" id="option2" name="choice" value="B"><br> <input type="submit" value="提交"> </form> </body> </html> ``` 在这个例子中，如果用户选择了“选项A”，则`choice`的值会是“A”，如果选择了“选项B”则为“B”。

阅读全文