看到上面网页没？业务办理渠道下的多选必须要选中一个，怎么办？如果一个都没有选中，在表单提交的时候我们就要去提示错误信息，，，。大家都知道jquery验证input是非常简单的，却很少要去验证多选或单选，而且还是一组组的验证，是分了组的，并非页面上的所有！！怎么办呢？
不用jquery用其他的，可以吗？可以！！！不过我们还是用jquery来实它。
先来看一下，没有选中的效果，我们应该是这样：
假设选中了一个，提示信息马上消失，如下图：
其实这个可以用jsmap来实现 也就是用js模拟map来做。以下的代码是公用的，以后遇到这种情况，直接把下面js代码拷入，做一下配置就可以实现了。
用下面的代码，你必须要引入jquery验证的js
代码如下：
首先，把下面的js代码放入你的js文件里，或是页面中:
复制代码 代码如下:
/**
* 数组存储器 主要是为了方便juery验证chckbox而设计 数组存储器，配置对象，为验证checkbox 和单选。
* 私有变量区定义数组
* 然后把每一个数组配置到setting里面，这样这个数组就存在于存储器中
* 在应用的时候用数组名即可方便地操作和得到不同的数组。
* 当你需要某个数组的时候，如果你只操作一个数组那这个方法是多于的，但如果你操作多个数组或只有数组名的情况下，这个存储器就很有用。
* @author 电子科大科园 庄濮向
* @return 数组存储器对象
*/
var maparr = (function () { var bhc = [], bcc = [], bqc = [], ic = [];
var bac = [];
var buc = [];
var setting = [
{
key: bhc,
value: bhc
},
{
key: bac,
value: bac
}, { key: buc, value: buc }, { key: bcc, value: bcc }, { key: bqc, value: bqc }, {key:ic,value:ic}
];
return {
//通过数组名得到数组织
getarr: function (arr_name) {
for (var setting_i = 0, setting_len = setting.length; setting_i if (setting[setting_i].key == arr_name) {
return setting[setting_i].value;
}
}
},
//删除指定数组中的某一个元素
delarr: function (arr_name, elementvalue) {
for (var delarr_i = 0, delarr_len = setting.length; delarr_i if (setting[delarr_i].key == arr_name) {
for (var arr_i = 0, arr_len = setting[delarr_i].value.length; arr_i if (setting[delarr_i].value[arr_i] == elementvalue) {
setting[delarr_i].value.splice(arr_i, 1);
}
}
}
}
},
//向某一个数组中添加一个元素
pusharr: function (arr_name, elementvalue) {
for (var pusharr_i = 0, pusharr_len = setting.length; pusharr_i if (setting[pusharr_i].key == arr_name) {
setting[pusharr_i].value.push(elementvalue);
}
}
}
}
} ());
/**
*复选框或单选的点击事件 应用到了上面的map
* @author 电子科大科园 庄濮向
* @return 数组存储器对象
*/
function chk(event, arrname) {
if (event.checked == true) {
//向名为arrname的数组中添加一个元素
maparr.pusharr(arrname, event.value);
} else {
//在名为arrname的数组中去除一个元素
maparr.delarr(arrname, event.value);
}
var checkinput = document.getelementbyid(arrname);
if (maparr.getarr(arrname)[0] == 'undefined' || maparr.getarr(arrname)[0] == null) {
checkinput.value = null; //把这个数组的值给他。 这样的话，就起到了验证的效果
} else {
checkinput.value = maparr.getarr(arrname)[0];
}
//如何让提示信息在加入值过后就消失掉？
if (!$(#form1).valid()) return false; //只是为了让这一章展开的消失，所以千万不要去运行提交的那个check,会影响章节的显示
}
二：在你需要验证的多选或单选的那一组标题后面加入一个input:
复制代码 代码如下:
三：在你的checkbox或是radio标签内加入事件：
复制代码 代码如下:
onclick=chk(this,'bac')
四：一致性：在二中的那个input是用来作提示信息的，所以你的id 和name 一定要有，且名字要一致，如上就是：id=bac, name=bac ,input写好过后，在加入事件的时候，你第二个参数要与input的id同名，也要是bac;五：配置，面子做好了，就是核心的配置了，这个配置在哪儿配呢，就是叫你引入的我上面的js代码中。onclick=chk(this,'bac')，是给每一个复选或单选加事件，同时还有一个意思，说明要把这个复选应用到bac这个数组中，所以，我们去setting中配置一个数组。
在maparr中加入一个数组:
复制代码 代码如下:
var bac=[];
在maparr的setting中加入一个对象：
复制代码 代码如下:
｛
key:bac,
value:bac
｝
千万要保证一致性，不然不会成功。
重点：input的id同onclick的第二个参数一致 maparr中加入的数组变量的变量名与input的id一致，setting中的key的值同input的id一致 setting 中的value的值是你配置的这个数组。好啦，现在就可以实现验证了。