素材网 素材网

Jquery商城用户评分评论选星功能实现

下载资源()次

阅读次数()次

发布时间:2016-05-10

Jquery商城用户评分评论选星功能实现
分享到:

用法简介:

来源:xw素材网

Jquery商城用户评分评论选星功能实现。
文件引用:

$(function () {
$('.text-area-input').click(function () {
	if ($(this).val() == '请输入评论内容......') {
		$(this).css({
			color: '#000000'
		}).val('')
	}
});
//离开的时候
$('.text-area-input').blur(function () {
	var iNum = $(this).val().length;
	var fixedLength = 20;//固定长度
	if (iNum < fixedLength) {
		$('.text-area-input-length span').html(fixedLength - iNum);
	} else {
		$(this).val($(this).val().substr(0, fixedLength - 1));//截取长度
		$('.text-area-input-length span').html(iNum - fixedLength);
	}
});
//按下的时候
$('.text-area-input').keydown(function () {
	var iNum = $(this).val().length;
	var fixedLength = 20;//固定长度
	if (iNum < fixedLength) {
		$('.text-area-input-length span').html(fixedLength - iNum);
	} else {
		$(this).val($(this).val().substr(0, fixedLength - 1));//截取长度
		$('.text-area-input-length span').html(iNum - fixedLength);
	}
});
$('.text-area-bottom a').click(function () {
	var star = $('input[name=star]:checked').val();
	var content = $('textarea[name=content]').val();
	alert(content);
});
$('.text-area-star label').click(function () {
	var labelLength = $('.text-area-star label').length;
	for (var i = 0; i < labelLength; i++) {
		if (this == $('.text-area-star label').get(i)) {
			$('.text-area-star label').eq(i).addClass('red');
		} else {
			$('.text-area-star label').eq(i).removeClass('red');
		}
	}
});
});


   

相关标签:

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。