등급 여러 등급에 대한 등급 기본값

Question

jquery raty (등급 스크립트)를 사용하고 있습니다. 여러 등급 옵션이 있는데 그 중 어느 것도 선택하지 않으면 숨겨진 게시 필드가 생성되지 않습니다. 이것이 네 가지 옵션 모두에 대해 선택한 점수에 이름을 붙이고 가져올 수 있었던 방법입니다.

<section> 
<label>Option 1:</label> 
<div class="options" data-score-name="option1"></div> 
</section> 

<section> 
<label>Option 2:</label> 
<div class="options" data-score-name="option2"></div> 
</section> 

<section> 
<label>Option 3:</label> 
<div class="options" data-score-name="option3"></div> 
</section> 

<section> 
<label>Option 4:</label> 
<div class="options" data-score-name="option4"></div> 
</section> 


<script type="text/javascript"> 
$('.options').raty({ 
    half: true, 
    width: 'width: 150', 
    path: '/assets/img', 
    starOff: 'star-off.png', 
    starOn: 'star-on.png', 
    starHalf: 'star-half.png', 
    readOnly: false, 
    scoreName: 'score[]', 

    click: function(score) 
    { 
    var ScoreName = $(this).attr('data-score-name'); 
    $(this).append("<input type='hidden' name='rate[" + ScoreName + "]' value='" + score + "'>"); 
    } 

}); 
</script> 

내가 갖고있는 문제는 선택되지 않은 경우 각 옵션에 기본값이 있는지 확인하는 것입니다. onload를 사용할 수있는 onload 옵션이 기본 값을 제공하는지 확실하지 않습니다.

Answer 1

매력적이고 매력적입니다. 그것을하는 틀린 방법일지도 모르지만 작동한다 :

<script type="text/javascript"> 
$('.options').raty({ 
    half: true, 
    width: 'width: 150', 
    path: '/assets/img', 
    starOff: 'star-off.png', 
    starOn: 'star-on.png', 
    starHalf: 'star-half.png', 
    readOnly: false, 
    scoreName: 'score[]', 
    score: function() { 
    var ScoreName = $(this).attr('data-score-name'); 
    return $(this).append("<input type='hidden' name='rate[" + ScoreName + "]' class='" + ScoreName + "' value='0'>"); 
    }, 



    click: function(score) 
    { 
    var ScoreName = $(this).attr('data-score-name'); 
    $("." + ScoreName).val(score); 
    //$(this).append("<input type='hidden' name='rate[" + ScoreName + "]' value='" + score + "'>"); 
    } 

}); 
</script>