调用:
  

$(function(){
Starinput.initiate({name:'qr1_z.startlevel',tar: $("#sitelogo1"), stars:5});
Starinput.initiate({name:'qr15.startlevel',tar: $("#sitelogo2"), stars:5});
});

Starinput.initiate({name:'qr15.startlevel',tar: $("#starLevelQuery"), stars:5, defaut_star: parseInt('${qr15.startlevel}')});


var Starinput = {

        /**
* conf:{ name:'', id:'', (optional) tar:$("#starinput"), stars:5 }
*/
initiate : function(conf) { var ipt = $('<input>');
ipt.attr('name', conf.name);
if (conf.id) {
ipt.attr('id', conf.id);
}
ipt.attr('type', 'hidden');
ipt.val(""); conf.tar.append(ipt);
var ul = $('<ul>');
for ( var i = 1; i <= conf.stars+1; i++) {
var s = $("<li>");
s.attr('idx', i);
s.addClass("star-item");
s.css({
"cursor" : "pointer",
"width" : "18px",
"height" : "18px",
"margin-right":"5px",
"background" : "url('image/nian_hui"+i+".png')",
"float" : "left"
}); s
.click(function() {
if ($(this).hasClass("selected")) {
//alert("fd");
Starinput.clear(conf.tar,parseInt($(this).attr(
'idx')));
//ipt.val(0);
} else {
Starinput.setLevel(conf.tar, parseInt($(this).attr(
'idx')));
}
});
ul.append(s);
}
conf.tar.append(ul);
if (conf.defaut_star) {
var defau=conf.defaut_star;
var deau_shuz=defau.split(";");
for(var i in deau_shuz){
Starinput.setLevel(conf.tar,deau_shuz[i]);
}
}
}, clear : function(tar,val) {
var t = tar;
var idx = val;
var lis = t.find("li");
lis.eq(idx-1)
.css("background", "url('image/nian_hui"+idx+".png')")
.removeClass("selected");
var selectd=tar.find('li[class="star-item selected"]');
var sels="";
for(var i=0;i<selectd.length;i++){
sels=sels+selectd.eq(i).attr("idx")+";";
}
tar.find('input').val(sels);
},
setLevel : function(tar, val) {
var t = tar;
var idx = val;
var lis = t.find("li");
lis.eq(idx-1)
.css("background", "url('image/nian_"+idx+".png')")
.addClass("selected");
var selectd=tar.find('li[class="star-item selected"]');
var sels="";
for(var i=0;i<selectd.length;i++){
sels=sels+selectd.eq(i).attr("idx")+";";
}
tar.find('input').val(sels);
}
};

7.25 js 自定义方法 a.b的更多相关文章

  1. 2.25 js处理多窗口

    2.25 js处理多窗口 前言在打开页面上链接的时候,经常会弹出另外一个窗口(多窗口情况前面这篇有讲解:Selenium2+python自动化13-多窗口.句柄(handle)),这样在多个窗口之间来 ...

  2. js 自定义方法

      js自定义封装方法 CreateTime--2016年10月16日15:18:18Author:Marydon 声明:该文章主要是记录了需要使用javascript实现对日常需要的方法进行封装,封 ...

  3. js 自定义方法 设置可选参数的方法

    原链接 http://www.cnblogs.com/RightDear/p/3156652.html PHP有个很方便的用法是在定义函数时可以直接给参数设默认值,如: function simue ...

  4. js 自定义方法 实现停留几秒 sleep

    function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; wh ...

  5. 2-5 js基础-简易运动框架

    'use strict'; function getStyle(obj,sName){ return (obj.currentStyle||getComputedStyle(obj,false))[s ...

  6. js自定义方法绑定元素事件

    //事件绑定封装 function addEvent(elem, type, handle){ if(elem.addEventListener){ elem.addEventListener(typ ...

  7. 必须关注的25位知名JavaScript开发者

    必须关注的25位知名JavaScript开发者 发表于2012-08-07 17:30| 16215次阅读| 来源Crossrider Blog| 46 条评论| 作者Crossrider Blog ...

  8. 自动化测试基础篇--Selenium中JS处理滚动条

    摘自https://www.cnblogs.com/sanzangTst/p/7692285.html 前言 什么是JS? JS就是JavaScript: JavaScript 是世界上最流行的脚本语 ...

  9. js自己总结的小东西(打印出来方便学习)

    1.你对angular有哪些认识? 属于mvvm框架,现在非常的火,由谷歌开发出来并维护的框架,为了解决负责业务中ajax的开发痛苦,刚开始结果angular的时候,确实让我有一种耳目一些,原来代码还 ...

随机推荐

  1. linux命令--df/ps aux/netstat/hostname/tail

    查询文件系统 df -h 查询cpu使用情况 top 进程查看: ps aux | grep haproxy 端口查看: netstat -lntup 主机名查看 hostname 查看文件末尾字符串 ...

  2. 系统一般信息监控查看shell.磁盘,负载等达阀值告警机制,改进测试中.

    1 #!/bin/sh  2 #Create by Qrui  3 while [ "1"="1" ]  4 do  5 clear  6  7 echo &q ...

  3. (13/24) css进阶:自动处理css3属性前缀

    什么是属性前缀 为了浏览器的兼容性,有时候我们必须加入-webkit,-ms,-o,-moz这些前缀.目的就是让我们写的页面在每个浏览器中都可以顺利运行. 例如: transition: width ...

  4. 子元素scroll父元素容器不跟随滚动JS实现

    仅供参考: function parentNotRoll($id){ var flg;//标记滚动方向,true-向下,false-向上 var $test = document.getElement ...

  5. 字典(dictionary) 的基本操作

    info = { ’stu1101‘ : ’xiaoming’, ‘stu1102 : xiahong‘, ’stu1103 : ‘xiaozhi', } 1. 字典的获取 info.get('stu ...

  6. CentOS 7 JDK安装

    官网:  http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 1.下载(下图有个错误 ...

  7. License 校验

    1:了解keytool 的一些命令  http://www.micmiu.com/lang/java/keytool-start-guide/ 本人在github找的一个demo:https://gi ...

  8. autolayout不work

    对于代码创建的UIView,将下面的选项关掉 [label3 setTranslatesAutoresizingMaskIntoConstraints:NO];

  9. requireJS-初识

    浅谈requireJS 2016-04-26 21:44 by 猴子猿, 726 阅读, 0 评论, 收藏, 编辑 项目中大都使用模块化开发,requireJS作为AMD模块开发的典范,所以有必要学习 ...

  10. dp-最长公共子序列

    最长公共子序列(NYOJ36) 时间限制:3000 ms  |  内存限制:65535 KB 难度:3   描述 咱们就不拐弯抹角了,如题,需要你做的就是写一个程序,得出最长公共子序列.tip:最长公 ...