调用:
  

$(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 之 压缩 / 解压

    压缩解压 tar 即可压缩也可以解压 c 压缩 如果没有z.j参数,则表示,只打包,不压缩. 就说, t 查看 z 以gzip方式压缩 相当于 gzip ?.. j 以bzip方式压缩 bzip2 ? ...

  2. 13.小结Action

    转自:https://wenku.baidu.com/view/84fa86ae360cba1aa911da02.html 在struts2中一个普通的java类只要有public String ex ...

  3. VSS SVN GIT SVN 加锁签出

    VSS TFS SVN GIT VSS 两大功能: 1.签出后加锁,别人不能签出,独占签出. 2.在服务端可以查看哪些用户签出了哪些文件. 3.查看所有签出未签入的文件列表,SVN未发现此功能. 缺点 ...

  4. Spring Boot实践——用外部配置填充Bean属性的几种方法

    引用:https://blog.csdn.net/qq_17586821/article/details/79802320 spring boot允许我们把配置信息外部化.由此,我们就可以在不同的环境 ...

  5. 基于OpenGL编写一个简易的2D渲染框架-03 渲染基本几何图形

    阅读文章前需要了解的知识,你好,三角形:https://learnopengl-cn.github.io/01%20Getting%20started/04%20Hello%20Triangle/ 要 ...

  6. mongodb基础学习4-游标

    今天来讲讲游标的操作,可以先获取一组文档,再对每一个文档进行操作. 因为mongodb底层是js引擎,所有可以像操作js一样操作mongodb,比如插入数据 游标的使用:声明游标,判断是否有下一条数据 ...

  7. 在Linux下判断系统当前是否开启了超线程

    #lscpu Thread(s) per core: 2Core(s) per socket: 6Socket(s): 2 -------------------------------------- ...

  8. Hibernate 的Ehache学习

    Hibernate默认二级缓存是不启动的,启动二级缓存(以EHCache为例)需要以下步骤: 1.添加相关的包: Ehcache.jar和commons-logging.jar,如果hibernate ...

  9. cmd 获取 拖拽文件名

    1. @echo off & setlocal enableDelayedExpansion set a= set /p a=Please drag your txt file for spl ...

  10. xshell分隔符

    1.分隔符设置 \ :;`!@#$%^&()+|[]{}'",<>? 2.左键点击选中,右键点击复制