注册 登录 充值会员 退出
毕业设计 PHP源码
充值

简洁的jQuery星级评论表单代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-08-02
简洁的jQuery星级评论表单代码
这是一款十分简洁的带有星级评论按钮,美化textarea评论表单代码,jQuery星级评论表单代码,jQuery星星打分特效。


js代码

<script type="text/javascript">
$(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');
			}
		}
	});

});
</script>