Question

我在表单中有多个复选框的列表。用户可以选中所有复选框，但至少需要一个。如果不选择至少一项，请选中复选框，他们将无法提交表单。如何在联系表格7中填写？我添加了无法正常运行的脚本。

这是我的剧本

$（document）.ready（function（）{ $('#checkBtn').click(function() {

checked = $（“ input [type = checkbox]：checked”）。length;

 if(!checked) {
    alert("You must check at least one checkbox.");
    return false;
  }

});

}）;

Answer 1

这是完美的工作。在此设置您的代码

$('#fm_submit').submit(function(e){
    e.preventDefault();
    var ck_box = $('input[type="checkbox"]:checked').length;
    
    // return in firefox or chrome console 
    // the number of checkbox checked
    console.log(ck_box); 

    if(ck_box < 1){
      alert('Select any one box');
    } 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form name = "frmTest[]" id="fm_submit">
  <input type="checkbox" value="true" checked="true" >
  <input type="checkbox" value="true" checked="true" >
  <input type="checkbox" >
  <input type="checkbox" >
  <input type="submit" id="fm_submit" name="fm_submit" value="Submit">
</form>
<div class="container"></div>

Answer 2

将代码从上方粘贴在表单底部，而不是“其他设置”

$('#fm_submit').submit(function(e){
e.preventDefault();
var ck_box = $('input[type="checkbox"]:checked').length;
// return in firefox or chrome console the number of checkbox checked enter code here
console.log(ck_box); 
if(ck_box < 1){ alert('Select any one box'); } 
});

Answer 3

在这种情况下，仅在插件形式的复选框元素后写星号（*）

 [checkbox* checkbox "test 1" "test 2"]

 [submit "Send"]

如何在联系表单7 wordpress中设置必填字段

3 个答案: