Say I have a rating system on one page, and on another I have a list of checkboxes. The user can only check one of the 5 ratings, and up to 3 of the checkboxes on the other page. both the ratings and checkboxes are givin the value 1-5 and will be averaged. Where am I going wrong?
JS
function rating(){
var 'rating1' = 1;
var 'rating2' = 2;
var 'rating3' = 3;
var 'rating4' = 4;
var 'rating5' = 5;
var 'checkbox1' = 1;
var 'checkbox2' = 2;
var 'checkbox3' = 3;
var 'checkbox4' = 4;
var 'checkbox5' = 5;
var sum = 0;
for( var i = 0; i < elmt.length; i++ ){
sum += parseInt( elmt[i], 10 );
var avg = sum/elmt.length;
document.write(" The average is: " + avg );
}
HTML
<div>
<input type="radio" name="rating1" value="1"/>
<label class="btn btn-info radiobtns">
<span>1</span>
</label>
<input type="radio" name="rating2" value="2"/>
<label class="btn btn-warning radiobtns">
<span>2</span>
</label>
<input type="radio" name="rating3" value="3"/>
<label class="btn btn-success radiobtns">
<span>3</span>
</label>
<input type="radio" name="rating4" value="4"/>
<label class="btn btn-primary radiobtns">
<span>4</span>
</label>
<input type="radio" name="rating5" value="5"/>
<label class="btn btn-danger radiobtns">
<span>5</span>
</label>
</div>
<div>
<input type="checkbox" name="checkbox1" value="5"/>
<label class="dscrptbtns ">
<span>Aggravated</span>
</label><br>
<input type="checkbox" name="checkbox1" value="4"/>
<label class="dscrptbtns">
<span>Alone</span>
</label><br>
<input type="checkbox" name="checkbox1" value="3"/>
<label class="dscrptbtns">
<span>Annoyed</span>
</label><br>
<input type="checkbox" name="checkbox1" value="2" />
<label class="dscrptbtns">
<span>Angry</span>
</label>
</div>
Aucun commentaire:
Enregistrer un commentaire