Alex Rivera | Logout

Backbone.js - What is the best way to check a checkbox

Asked 2012-04-25T10:58:52.730
9

My backbone model has a boolean value (isRegistered). When I render out the view I want to have a checkbox checked or unchecked depending on the true/false value of the boolean.

My current effort looks like this:

<input id="isRegisteredCheckbox" checked="<%= isRegistered ? 'checked': ''"/>

this doesn't work because according to the W3C Specification the checked attribute needs to be completely removed to uncheck a checkbox.

How do I do it using backbone template?

backbone.js underscore.js
Edit
Report

1 Answer

7

You don't need the checked= part. just print out checked in the tag if it needs to be checked.

EDIT

Now that we've determined that just printing "checked" out is valid html, you might try for simplicity:

render:

var registered;
var tmpl = _.template(your template);
isRegistered ? registered = 'checked' : registered = '';
var tmpl_data = _.extend(this.model.toJSON(), {registered: registered}); // or whatever values you need to add
$(this.el).html(tmpl(tmpl_data));

template:

<input type="checkbox" {{ registered }}>

No need for messy conditionals in your template using this method.

answered 2012-04-25T11:02:46.190

Your Answer