JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js"></script>
<script src="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.MetaData.js"></script>
<script src="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.js"></script>
<link rel="stylesheet" href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.css">
<div class="stars">
    <input class="stars" type="radio" id="radio1" name="radiogroup" value="1" data-bind="checked: radio">
    <input class="stars" type="radio" id="radio2" name="radiogroup" value="2" data-bind="checked: radio">
    <input class="stars" type="radio" id="radio3" name="radiogroup" value="3" data-bind="checked: radio">
</div>    

    You have selected the value: <span data-bind="text: radio"></span>

JavaScript

$('input.stars').rating()

var viewModel = {
    radio: ko.observable(),
};

ko.applyBindings(viewModel);