TEL:400-8793-956
当前位置:程序、服务器

组中是否需要HTML5复选框?

提问者: 近期获赞: 浏览人数: 发布时间:2021-03-29 14:11:52

 问:我有一个带有一组复选框的表单(以及其他一些选项,但它们与该问题无关)。用户在一个表单组中看到7个复选框,我希望它们选择其中至少一个。是否可以通过“ required”属性以任何方式实现?就像单选按钮一样,我的意思是。您将一组中的其中一个作为“必需”属性,然后您将只选择一个。还是我必须转向JQuery或类似的产品?

 
这是我的代码,可为您提供一个想法:
 
< div  class = “ form-group” > 
<标签类= “ control-label col-md-4” for = “选项文本” >指定选项</标签> < div类= “ col-md-6” > <输入类型= “复选框”名称= “选项[]”的值= “选项1” />选项1 < BR > <输入类型= “复选框”名称=      
           
          “选项[]” 的值= “选项2”  />选项2 < BR > 
<输入类型= “复选框”名称= “选项[]”的值= “2选项” />选项3 < BR > <输入类型= “复选框”名称= “选项[]”的值= “3选项” />选项4 < BR > <输入类型= “复选框”名称= “ option []”            
            
           值= “选项5”  />选项5 < BR > 
<输入类型= “复选框”名称= “选项[]”的值= “选项6” /> Optione 6 < BR > <输入类型= “复选框”名称= “选项[ ]“ value = ” option7“ />  选项7
 </ div > </ div >            
 
 
答:由于没有明确的方法来执行此操作,因此我使用了JQuery。如果有人要使用它,这就是我所做的。
 
首先,我将所有复选框都更改为required,并在表单组div中添加了“ options”类(我想选择该特定组)。
 
< div  class = “表单组选项” > 
<标签类= “ control-label col-md-4” for = “选项文本” >指定选项</标签> < div类= “ col-md-6” > <输入类型= “复选框”名称= “选项[]”的值= “选项1”需要/>选项1 < BR > <输入类型= “复选框”名称      
          = “选项[]” 的值= “选项2” 需要/>选项2 < BR > 
<输入类型= “复选框”名称= “选项[]”的值= “2选项”需要/>选项3 < BR > <输入类型= “复选框”名称= “选项[]”的值= “3选项”需要/>选项4 < BR > <输入类型=            
            
         “复选框” 名称= “选项[]” 的值= “选项5” 需要/>选项5 < BR > 
<输入类型= “复选框”名称= “选项[]”的值= “选项6”需要/>选项6 < BR > <输入类型= “复选框”名称= “选项[]”的值= “选项7”需要/>  选项7
 </ div > </ div                         
>
然后,我添加了此代码(顺便说一句,不是我自己的代码;)),以检查是否至少选中了一个复选框,并在所有其他复选框中删除了必需的属性。
 
$ (函数(){ 
VAR requiredCheckboxes = $ ('可供选项:复选框[需要]' ); requiredCheckboxes 。变化(函数(){如果(requiredCheckboxes 。是(':检查' )){ requiredCheckboxes 。removeAttr ('必要' ); }否则{ requiredCheckboxes 。ATTR ('必要' ,'必要' ); } }); });       
上一篇: “ HTML5Shiv”的“ wp_register_script”不适用于IE
下一篇: Windows有两种不同的可能下载:我选择哪一种?