调用:
  

$(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. attack source code

    不废话,直接上代码, 先看截图use pictures;

  2. Declaration terminated incorrectly 讨厌 这样就不可以了

    #include "vcl.fctreeview.hpp"#include "RM_Class.hpp"#include "RM_Common.hpp ...

  3. Egret 工具推荐

    Egret 工具推荐--打造最好的开发环境--IDE篇http://bbs.egret.com/forum.php?mod=viewthread&tid=13581&fromuid=1 ...

  4. springMVC学习记录1-使用XML进行配置

    SpringMVC是整个spring中的一个很小的组成,准确的说他是spring WEB这个模块的下一个子模块,Spring WEB中除了有springMVC还有struts2,webWork等MVC ...

  5. oracle vm中的xp添加共享文件夹

      接着就可以在虚拟的电脑系统里面打开我们的共享文件夹,在桌面找到”网络邻居“,双击打开   我们需要通过”添加一个网络邻居“来加载我们刚才添加的”共享文件夹“,根据向导一步步执行   然后点击”浏览 ...

  6. 基于 tensorflow 的 mnist 数据集预测

    1. tensorflow 基本使用方法 2. mnist 数据集简介与预处理 3. 聚类算法模型 4. 使用卷积神经网络进行特征生成 5. 训练网络模型生成结果 how to install ten ...

  7. SQL Server - 最佳实践 - 参数嗅探问题 转。

    文章来自:https://yq.aliyun.com/articles/61767 先说我的问题,最近某个存储过程,暂定名字:sp_a 总是执行超时,sp_a带有一个参数,暂定名为 para1 var ...

  8. linux 常用find

    磁盘查找文件内容: find .|xargs grep x find . -exec grep x{} \; 磁盘查找文件名称: find / -name "httpd.conf" ...

  9. js indexOf within Switch

    https://stackoverflow.com/questions/22277447/indexof-within-switch switch (true) { case (msgRes.inde ...

  10. Gradle with Android

    [Gradle with Android] The Android Studio build system is based on Gradle, and the Android plugin for ...