{"id":246,"date":"2022-12-02T11:29:04","date_gmt":"2022-12-02T03:29:04","guid":{"rendered":"http:\/\/192.168.1.126\/tom_wp\/?p=246"},"modified":"2022-12-05T11:24:49","modified_gmt":"2022-12-05T03:24:49","slug":"jquery-star-rating","status":"publish","type":"post","link":"https:\/\/tomstudio.my.to\/?p=246","title":{"rendered":"jquery.star-rating"},"content":{"rendered":"\n<!--more-->\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.5.0\/font\/bootstrap-icons.css\">\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\" integrity=\"sha256-\/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej\/m4=\" crossorigin=\"anonymous\"><\/script>  \n<script type=\"text\/javascript\" src=\".\/wp-content\/startrating\/jquery.star-rating.js\"><\/script>\n<script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.2\/js\/bootstrap.min.js\"><\/script>\n\n<style type=\"text\/css\">\n\/* Chrome, Safari, Edge, Opera *\/\ninput[type=number]::-webkit-outer-spin-button,\ninput[type=number]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n\n\/* Firefox *\/\ninput[type=number] {\n  -moz-appearance: textfield;\n}\n\n<\/style>\n\n<div class=\"rating\" id=\"0\"><\/div><br>\n<div class=\"rating\" id=\"1\"><\/div><br>\n<div class=\"rating\" id=\"2\"><\/div><br>\n<br>\n<button type=\"button\" id=\"clear_all\" class=\"btn btn-default\">\u6e05\u9664<\/button>\n\n<script>\n\n\n\n\nfor(var i=0;i<3;i++){\n\t$('#'+i).starRating(\n\t{\n\t\ttitles: [\"1\",\"2\",\"3\",\"4\",\"5\",\"6\",\"7\",\"8\",\"9\",\"10\",\"11\",\"12\",\"13\",\"14\",\"15\",\"16\",\"17\",\"18\",\"19\",\"20\"],\n\t\tshowInfo:true,\n\t\tstarsSize: 2, \/\/ em\n\t\tstars: 10\n\t});\n\t\n   $(document).on('change', '#'+i,\tfunction (e, stars, index) {\n\t\tvar this_id=$(this).attr(\"id\");\n\t\tvar input_val=$(this).find(\".js-wc-label\").val();\n\t\tvar add_msg_val=$(this).find(\".add-js-wc-label\").val();\n\t\t\n\t\t\/\/stu_point[this_id]=[stu_arr[this_id],input_val,add_msg_val,Number(stu_point_arr[this_id])+Number(input_val)];\n\t\tconsole.log($(this).attr(\"id\")+\"-\"+stars);\n\t\t\/\/console.log($(this).attr(\"id\")+\"-\"+$(this).find(\".js-wc-label\").val());\n\t\t\/\/console.log(stu_point+\"---stu_point\");\n\t});\n\t\n\t$(\"#\"+i).find(\".js-wc-label\").keyup(function() {\n\t\n\t\tvar dInput = Math.abs(this.value);\n\t\tthis.value=dInput;\n\t\t\/\/console.log(dInput+\"---keypress\");\n\t\t\/\/var s=$(this).parent().find(\"i\").data('index');\n\t\t\/\/console.log(s+\"---s\");\n\t\t$(this).parent().find(\"i\").each(function (i, e) {\n\t\t\tif (i < dInput) {\n\t\t\t\t$(e).removeClass(\"bi bi-star\");\n\t\t\t\t$(e).addClass(\"bi bi-star-fill\")\n\t\t\t\t.css({\n\t\t\t\t\t'color':'#FFC107',\n\t\t\t\t\t\/*'font-family': \"Font Awesome 5 Free\",\n\t\t\t\t\t'font-weight': '900'*\/\n\t\t\t\t});\n\t\t\t}else{\n\t\t\t\t$(e).removeClass(\"bi bi-star-fill\");\n\t\t\t\t$(e).addClass(\"bi bi-star\")\n\t\t\t\t.css({\n\t\t\t\t\t'color':'lightgray',\n\t\t\t\t\t\/*'font-family': \"Font Awesome 5 Free\",\n\t\t\t\t\t'font-weight': '400'*\/\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t\t\n\t});\n\t\n\n\t$( \"#clear_\"+i ).click(function() {\n\t\tvar tmp=$(this).attr(\"id\");\n\t\tvar tmp_id=tmp.slice(6);\n\t\t\n\t\t$( \"#\"+tmp_id+\" div span\" ).text(\"0\");\n\t\tstu_point[tmp_id]=[];\n \t\t$( \"#\"+tmp_id+\" div i\" ).each(function() {\n\t\t\t$(this).addClass(\"bi bi-star\")\n\t\t\t.css({\n\t\t\t\t'color':'lightgray',\n\t\t\t\t\/*'font-family': \"Font Awesome 5 Free\",\n\t\t\t\t'font-weight': '400'*\/\n\t\t\t});\n\t\t});\n\t});\n\n}\n\n\n$( \"#clear_all\" ).click(function() {\n\tstu_point=[];\n\t\n\t$( \".rating div\" ).find(\".js-wc-label\").each(function() {\n\t\t\t$(this ).val(\"0\");\n\t});\n\t\n\t$( \".rating div\" ).find(\".add-js-wc-label\").each(function() {\n\t\t\t$(this ).val(\"\");\n\t\t\t$(this).attr(\"placeholder\", \"\u7d66\u9ede\u8aaa\u660e...\");\n\t});\n\t\t\n\t$( \".rating div i\" ).each(function() {\n\t\t$(this).addClass(\"bi bi-star\")\n\t\t.css({\n\t\t\t'color':'lightgray',\n\t\t\t\/*'font-family': \"Font Awesome 5 Free\",\n\t\t\t'font-weight': '400'*\/\n\t\t});\n\t});\n\t\n});\n\n\n<\/script>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u53c3\u8003\u8cc7\u6599\uff1a<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.jqueryscript.net\/other\/star-rating-font-awesome.html\">https:\/\/www.jqueryscript.net\/other\/star-rating-font-awesome.html<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"categories":[11],"tags":[],"class_list":["post-246","post","type-post","status-publish","format-standard","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/posts\/246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=246"}],"version-history":[{"count":29,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/posts\/246\/revisions"}],"predecessor-version":[{"id":472,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/posts\/246\/revisions\/472"}],"wp:attachment":[{"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}