首页 > 编程知识 正文

radio单选按钮,复选按钮和单选按钮的区别

时间:2023-05-05 09:45:59 阅读:116113 作者:2323

和checkbox (复选框)之一取消选择,然后再次单击它以取消选择radio (单选按钮),然后再次单击它以取消选择

! doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' title checkbox和radio/title/headbodyfieldsetlegend演示/leadmend inpution fieldset/body/htmlcheckbox“单选”和多选默认情况下,“如果不设置名称属性”会指向几个checkbox,从而实现checkbox的“单选” 单击多个checkbox可选择适当数量的checkbox

如果一次只能选择一个checkbox进行实现,则可以通过js代码进行控制

也就是说,checkbox的所谓“单选”不受其name属性的值的影响。 具体而言,可以看到以下演示和代码

! doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' title checkbox和radio/title/headbodyfieldsetlegend每个checkbox的name属性值legend input type=' checkbox ' name=' cb1 ' value=' '苹果br input type=' checkbox ' br fieldset legend每个checkbox的name属性值相同/legend input type=' checkbox ' name=' cb4 ' value=' '草莓br input type=' checkbox ' body/html radio单选和多选默认设置(如果不设置name属性)也是单击某些radio可以选择某些radio,然后单击“不可取消选中”,除非重置或更新页面

但是,既然radio是单选按钮,就一定可以进行收音机操作。 在这种情况下,将各radio的name属性的值设定为相同就可以进行无线电操作,总是仅选择一个radio

要实现radio的多选操作,除了上述默认设置外,还可以通过将name属性的值设置为不同值来实现

如果有三个radio按钮,且前两个name属性的值相同,而第三个不同于前两个,则只能同时选择前两个radio按钮之一。 第三个radio按钮可以与第一个或第二个同时选择

! doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' title checkbox和radio/title/headbodyfieldsetlegend每个radio都没有设置name属性值legend input type=' radio ' value=' br input type=' radio ' value=' br input fieldsetbype='radio'value='br/fieldsetbype legend input type=' radio ' name=' R1 ' value=' br input type=' radio ' name=' R2 ' value=' br input type=legend每个radio的name属性值相同/legend input type=' radio ' name=' R4 ' value=' br input type=' radio ' name=

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。