icheck 控件 双选 苹果手机不兼容

sh1618 2016-01-28 01:46:54



//一题两个选项

(function ($) {
$.icheck = {
init: function () {
var _this = this;
_this._checkbox = "checkbox";
_this._radio = "radio_1";
_this._disabled = "disabled";
_this._enable = "enable";
_this._checked = "checked";
_this._hover = "hover";
_this._arrtype = [_this._checkbox, _this._radio];
_this._mobile = /ipad|iphone|ipod|android|blackberry|windows phone|opera mini|silk/i.test(navigator.userAgent);
$.each(_this._arrtype, function (k, v) {
_this.click(v);
if (!_this._mobile) {
_this.mouseover(v);
_this.mouseout(v);
}
});
},
click: function (elem) {
var _this = this;
elem = "." + elem;
$(document).on("click", elem, function () {
var $this = $(this),
_ins = $this.find("ins");

//var obj= $(".active div.sex div.q_con div.radio_1"); 相当于$this
//查找数据总分数id列表

var obj = $(".active div.sex div.q_con div.radio_1");
var objno = $(".active div.sex div.q_con");
var objdiv = $(".active");

var Idlist = $this.attr("data-id").split(' ');//["3924", "3923"]
var Itemlist = $this.attr("data-attr").split(' ');//["3923", "15616", "2", "2", "1", "4"]
//查找当前点击分值(value)["3924", "3923"]对应的0,1(n)

var institle = $this.attr("data-title");
var thisscore = Itemlist[2];
var thisobj = $this;




if (!(_ins.hasClass(_this._disabled) || _ins.hasClass(_this._enable))) {
if (!!_ins.hasClass(_this._checked)) {
_ins.removeClass(_this._checked).addClass(_this._hover);
} else {


//选择这个区域所有的都去掉
$.each(Idlist, function (n, value) {
if (value == Itemlist[0])//当前选择组
{
for (var i = 0; i < obj.length; i++) {//列的循环 8
var insli = $(obj[i]).find("ins");
var insValue = $(obj[i]).attr("data-attr").split(" ")[0];
//行的循环

for (var j = 0; j < objno.length; j++) {
var htitle = $(objno[j]).attr("data-title");
if (institle == htitle) {
//获取的题号 全部取消checked
$(objno[j]).find("ins").removeClass("checked");

}
}

//当前选择的组
if (insValue == Itemlist[0])//只选择当前组 要判断一个 4
{
if (insli.hasClass("checked")) {
insli.removeClass("checked");
//去掉分数
//$(obj[i]).attr("data-score", "0");
}
}

}
_ins.addClass(_this._checked);
thisobj.attr("data-score", thisscore);
}

});//each 循环结束

//判断选择几个checked 开始 跳转下一页用到
var insds = obj.find("ins");
var checkcount = 0;
for (var n = 0; n < insds.length; n++) {
if ($(insds[n]).hasClass("checked")) {
checkcount++;
} else {
//没有选择分数为0赋值
//$(obj[n]).find("ins").removeClass("checked");
$(obj[n]).attr("data-score", "0");
}
}
if (checkcount == 2) {
//双向提交
for (var n = 0; n < insds.length; n++) {
if ($(insds[n]).hasClass("checked")) {

var sid = $(obj[n]).attr("id");
Save12(sid);
//给div赋值 只为了判断翻页
$(objdiv).attr("data-score", "8")

}
}

setTimeout(function () {
ShowPage("n");
}, 500);

//alert(checkcount+"可以提交了");
}

//判断选择几个checked 结束

}
}





});
},
mouseover: function (elem) {
var _this = this;
elem = "." + elem;
$(document).on("mouseover", elem, function () {
var $this = $(this);
var _ins = $this.find("ins");
if (!(_ins.hasClass(_this._disabled) || _ins.hasClass(_this._enable) || _ins.hasClass(_this._checked))) {
_ins.addClass(_this._hover);
$this.css("cursor", "pointer");
} else {
$this.css("cursor", "default");
}
});
},
mouseout: function (elem) {
var _this = this;
elem = "." + elem;
$(document).on("mouseout", elem, function () {
$(elem).find("ins").removeClass(_this._hover);
});
}
};

$.icheck.init();

})(jQuery);



网址:http://ittest.gelue.com/
用户:gelue005 密码:123456
http://ittest.gelue.com/JHPhone/TestMobile?aid=1149(职业个性问卷)
双选题 苹果手机上 不能点击 安卓手机可以
...全文
174 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧