国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery實現密保互斥問題解決方案

2019-11-20 22:24:03
字體:
來源:轉載
供稿:網友
密保互斥問題:
密保通常都會有n個問題,讓用戶選擇其中2、3個,而且都不會讓用戶選擇重復的問題。這就要求密保互斥。

效果如下:

下面我用了jquery實現密保互斥,用于解決密保,投票等類似互斥問題,可以支持ie6+,火狐,谷歌,opera等大多數瀏覽器
demo下載:http://download.csdn.net/download/cwqcwk1/5956141
關鍵代碼:
復制代碼 代碼如下:

<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>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 壤塘县| 融水| 西昌市| 綦江县| 应用必备| 黔东| 舟山市| 南昌市| 北辰区| 织金县| 南投县| 怀宁县| 乌兰浩特市| 游戏| 江城| 汶上县| 吉首市| 石台县| 新巴尔虎右旗| 青海省| 虞城县| 福州市| 南江县| 萍乡市| 攀枝花市| 平遥县| 长宁区| 进贤县| 耒阳市| 梓潼县| 贵定县| 察雅县| 东乌珠穆沁旗| 锦屏县| 莱州市| 柳林县| 海南省| 平山县| 承德市| 固安县| 淮北市|