can/view/bindings/doc/input-radio.html

MIT-licensed, client-side, JavaScript framework that makes building rich web applications easy.

<div id="demo">
<div id='out'></div>
<script type='text/mustache' id="attending-template">
<p>Attending? 
  <input type='radio' can-value='attending' value='yes'/> Yes,
  <input type='radio' can-value='attending' value='no'/> No,
  <input type='radio' can-value='attending' value='maybe'/> Maybe
</p>
<p>You {{attendence}}.</p>
</script>
</div>
<script>
	DEMO_HTML = document.getElementById("demo").innerHTML
</script>
<script src="../../../node_modules/steal/steal.js" main="@empty"></script>
<script>
steal("can/view/bindings", "can/view/mustache", function(){
			
var person = new can.Map({
  attending: null
})

var frag = can.view(
  "attending-template",
  person, 
  {
    attendence: function(){
      return person.attr("attending") ? 
        "are a " + person.attr("attending") :
        "have not responded"
    
    }
  });

$("#out").html( frag );

})
</script>