问:我有一个带有一组复选框的表单(以及其他一些选项,但它们与该问题无关)。用户在一个表单组中看到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 ('必要' ,'必要' ); } }); });