评论星级 php,简洁的H5星级评论表单代码

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

这是一款十分简洁的带有星级评论按钮，美化textarea评论表单代码，jQuery星级评论表单代码，jQuery星星打分特效。

js代码

$(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');

}

}

});

});

申明：php中文网下载站匠心打造专业的IT资源下载站！一切资源免费，来源网络收集，请自行检测软件的完整性。交流QQ群：916808767