在jQuery Validation自定义方法中无法获取复选框状态的问题求助

你的核心错误是选择器使用无效，且没有正确利用jQuery Validation自定义方法提供的参数。

错误点说明 #

在自定义校验方法里，$("value")是完全错误的选择器——它会尝试匹配页面中的<value>标签，而非你的复选框元素，所以无论复选框是否勾选，都会返回false。

另外，当你把规则绑定到Test复选框时，自定义方法的第二个参数element就是当前的复选框DOM元素，直接用它判断状态是最准确的，不需要额外通过选择器查找。

修正后的代码 #

情况1：校验规则直接绑定到复选框本身 #

如果需求是校验复选框的状态（比如必须勾选），修正后的自定义方法如下：

$.validator.addMethod('ValShort', function (value, element) 
{ 
  // 将当前DOM元素转为jQuery对象，判断是否选中
  var isChecked = $(element).is(":checked");
  alert(isChecked);
  // 根据需求返回校验结果，比如必须勾选就返回isChecked
  return isChecked;
}, 'Please enter a rate for short sessions.');

情况2：用复选框状态控制其他字段的校验 #

如果真实需求是复选框勾选时，强制校验其他输入字段（比如要求填写short会话的费率），需要把规则绑定到目标输入字段，而非复选框：

假设你有需要校验的输入框：

<input type="text" name="shortRate" id="shortRate" />

修正后的自定义方法和规则配置：

// 自定义校验方法
$.validator.addMethod('ValShort', function (value, element) 
{ 
  // 通过id准确获取复选框状态
  var isChecked = $("#Test").is(":checked");
  // 逻辑：复选框未勾选则跳过校验；勾选则校验当前输入框是否有值
  return !isChecked || (value.trim() !== "");
}, 'Please enter a rate for short sessions.');

// 校验规则配置
rules: {
  shortRate: {ValShort: true}
},

关键总结 #

• 避免使用无意义的选择器，优先利用自定义方法提供的element参数获取当前校验的DOM元素。
• 若要控制其他字段的校验，需将规则绑定到目标字段，并在方法内通过正确选择器（如id、name）获取复选框状态。

内容的提问来源于stack exchange，提问作者John P