和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=