jQuery

jQuery raty.js で scoreName を変更する方法

jQuery の raty.js を使用して評価点などを入力させる場合があります。
項目が1つであれば問題無いのですが、評価の項目が複数存在する場合に scoreName(hidden のname属性値)を任意の値に設定したい場合があると思います。

今回は設定方法の1つとして、raty.js をいじって id名 を scoreName に設定する方法をお教えします。

★の出力を以下のように定義した場合

<div id="point1" class="rating__star rating__star1"></div>

<div id="point2" class="rating__star rating__star2"></div>

<div id="point3" class="rating__star rating__star3"></div>

この場合は、それぞれ「point1」、 「point2」 、 「point3」が scoreName (hidden のname属性値) になります。

raty.js は以下のように修正してください。

//scoreName:    'score',
scoreName:    function(){return $(this).attr('id');},

これで hidden の name属性の値が自由に設定できます。

他にも変更する方法はありますので、こちらのサイトを参考にしてみてください。

https://www.wbotelhos.com/raty#score

Leave a Reply

Your email address will not be published.

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)