Checkbox

Introduction

A simple HTML checkbox.

Helium View Reference

<checkbox/>

Plain HTML

Output widget
<div class="widget-container">
	<label for="w0">This is my label</label>
	<input id="w0" name="w0" type="checkbox" class="widget input checkbox">
</div>

JavaScript / jQuery

Output widget - Programmatically
function drawCheckboxExample() {
    var readOnly = false;
    var checked = false;
    var canvas = $('<div />').addClass('widget-container');
    $('<label />',{
        'for':'w2',
        'text':'Checkbox example'
    }).appendTo(canvas);
    $('<input />',{
        'id': 'w2', 
        'name': 'w2',
        'type': 'checkbox', 
        'disabled': readOnly,
        'checked': checked
    }).addClass("widget input checkbox").appendTo(canvas);
    canvas.appendTo($('#embeddedComponentContent'));
}