jQuery实现密保互斥问题解决方案

密保互斥问题：
密保通常都会有n个问题，让用户选择其中2、3个，而且都不会让用户选择重复的问题。这就要求密保互斥。

效果如下：

下面我用了jquery实现密保互斥，用于解决密保，投票等类似互斥问题，可以支持ie6+，火狐，谷歌，opera等大多数。
关键代码：

. 代码如下:

<script type="text/javascript">
var qobj = {
elmt:'select',
tip:'请选择',
tval:'',
cur:[],
arr:{
1:'你的小学叫什么名字？',
2:'你最崇拜的人物是谁？',
3:'你最喜欢的花名字叫什么？',
4:'你父亲的职业是？',
5:'你父亲的姓名？',
6:'你高中班主任的名字？'
}
}
$(function(){
//获取所有的select选框
var elements = $(qobj.elmt);
//这一步只是初始化操作，将所有问题写入select选框
elements.each(function(i){
var html = '<option value="'+ qobj.tval +'">'+ qobj.tip +'</option>';
for(var q in qobj.arr){
html += '<option value="'+ q +'">' + qobj.arr[q] + '</option>';
}
$(this).html(html);
});
//select选框添加监听事件
elements.change(function(){
var
cvalue = {}, //用于记录当前被选中的问题
elmts = elements,
cindex = elmts.index($(this)); //当前select选框索引值
//遍历所有select选框，记录当前每个选框的选择
elmts.each(function(i){
qobj.cur[i] = $(this).val();
});
//记录当前已被选中的问题，实现互斥锁
for(var i in qobj.cur){
cvalue[qobj.cur[i]] = 1;
}
//遍历所有select选框，重置所有问题
elmts.each(function(i){
//跳过当前的select选框，因为该内容无需校正
if (cindex == i) return;
var html = '<option value="'+ qobj.tval +'">'+ qobj.tip +'</option>';
for(var q in qobj.arr){
//如果是互斥内容，且不属于这个选框则跳过（重点）
if (cvalue[q] && q != qobj.cur[i]) continue;
html += '<option value="'+ q +'"' + (q == qobj.cur[i]?' selected="selected"': '') + '>' + qobj.arr[q] + '</option>';
}
$(this).html(html);
});
});
})
</script>
密保1：<select style="width:180px"></select><br/>
密保2：<select style="width:180px"></select><br/>
密保3：<select style="width:180px"></select>