最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery實(shí)現(xiàn)密保互斥問(wèn)題解決方案

 更新時(shí)間:2013年08月16日 18:18:26   作者:  
密保通常都會(huì)有n個(gè)問(wèn)題,讓用戶選擇其中2、3個(gè),而且都不會(huì)讓用戶選擇重復(fù)的問(wèn)題。這就要求密?;コ猓唧w實(shí)現(xiàn)如下,有此需求的朋友可以參考下
密保互斥問(wèn)題:
密保通常都會(huì)有n個(gè)問(wèn)題,讓用戶選擇其中2、3個(gè),而且都不會(huì)讓用戶選擇重復(fù)的問(wèn)題。這就要求密?;コ?。

效果如下:

下面我用了jquery實(shí)現(xiàn)密?;コ?,用于解決密保,投票等類似互斥問(wèn)題,可以支持ie6+,火狐,谷歌,opera等大多數(shù)瀏覽器
demo下載:http://download.csdn.net/download/cwqcwk1/5956141
關(guān)鍵代碼:
復(fù)制代碼 代碼如下:

<script type="text/javascript">
var qObj = {
elmt:'select',
tip:'請(qǐng)選擇',
tVal:'',
cur:[],
arr:{
1:'你的小學(xué)叫什么名字?',
2:'你最崇拜的人物是誰(shuí)?',
3:'你最喜歡的花名字叫什么?',
4:'你父親的職業(yè)是?',
5:'你父親的姓名?',
6:'你高中班主任的名字?'
}
}
$(function(){
//獲取所有的select選框
var elements = $(qObj.elmt);
//這一步只是初始化操作,將所有問(wèn)題寫入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選框添加監(jiān)聽(tīng)事件
elements.change(function(){
var
cValue = {}, //用于記錄當(dāng)前被選中的問(wèn)題
elmts = elements,
cIndex = elmts.index($(this)); //當(dāng)前select選框索引值
//遍歷所有select選框,記錄當(dāng)前每個(gè)選框的選擇
elmts.each(function(i){
qObj.cur[i] = $(this).val();
});
//記錄當(dāng)前已被選中的問(wèn)題,實(shí)現(xiàn)互斥鎖
for(var i in qObj.cur){
cValue[qObj.cur[i]] = 1;
}
//遍歷所有select選框,重置所有問(wèn)題
elmts.each(function(i){
//跳過(guò)當(dāng)前的select選框,因?yàn)樵搩?nèi)容無(wú)需校正
if (cIndex == i) return;
var html = '<option value="'+ qObj.tVal +'">'+ qObj.tip +'</option>';
for(var q in qObj.arr){
//如果是互斥內(nèi)容,且不屬于這個(gè)選框則跳過(guò)(重點(diǎn))
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>

相關(guān)文章

最新評(píng)論

承德县| 天峨县| 长丰县| 逊克县| 大关县| 囊谦县| 伊春市| 怀远县| 苏尼特右旗| 淮阳县| 余庆县| 永州市| 德阳市| 拉萨市| 安仁县| 仪征市| 讷河市| 乳源| 屯留县| 综艺| 泊头市| 沙田区| 监利县| 武川县| 毕节市| 信宜市| 当涂县| 綦江县| 清苑县| 登封市| 德令哈市| 濮阳县| 离岛区| 淮安市| 巧家县| 平顺县| 岳西县| 宁津县| 青铜峡市| 四会市| 红河县|