Checkbox - horizontal
Data
$data = [
[
"value" => 0,
"name" => "Non"
], [
"value" => 1,
"name" => "Oui"
]
];
<label>Checkbox</label>{{ IrisForm::checkbox('checkbox1', $data, []) }}
<label>Checkbox with value</label>{{ IrisForm::checkbox('checkbox2', $data, [1]) }}
<label>Checkbox with class</label>{{ IrisForm::checkbox('checkbox3', $data, [], 'is-danger') }}
<label>Checkbox without icon</label>{{ IrisForm::checkbox('checkbox4', $data, [], '', false) }}
<script> function checkboxChange(checkbox) { console.info("Value : " + checkbox.value); } </script> <label>Checkbox with JS</label>{{ IrisForm::checkbox('checkbox5', $data, [], '', true, "onchange=\"checkboxChange(this)\"") }}
<script> function checkboxChange(checkbox) { console.info("Value : " + checkbox.value); } </script> <label>Checkbox with value, class and JS</label>{{ IrisForm::checkbox('checkbox6', $data, [1], 'is-danger', true, "onchange=\"checkboxChange(this)\"") }}
Checkbox - horizontal
Data
$data = [
[
"value" => 0,
"name" => "Anakin"
], [
"value" => 2,
"name" => "Luke"
], [
"value" => 3,
"name" => "Leila"
]
];
<label>Checkbox</label>{{ IrisForm::checkbox('checkbox7', $data, [], '', true, '', 'v') }}
<label>Checkbox with value</label>{{ IrisForm::checkbox('checkbox8', $data, [1], '', true, '', 'v') }}
<label>Checkbox with class</label>{{ IrisForm::checkbox('checkbox9', $data, [], 'is-danger', true, '', 'v') }}
<label>Checkbox without icon</label>{{ IrisForm::checkbox('checkbox10', $data, [], '', false, '', 'v') }}
<script> function checkboxChange(checkbox) { console.info("Value : " + checkbox.value); } </script> <label>Checkbox with JS</label>{{ IrisForm::checkbox('checkbox11', $data, [], '', true, "onchange=\"checkboxChange(this)\"", 'v') }}
<script> function checkboxChange(checkbox) { console.info("Value : " + checkbox.value); } </script> <label>Checkbox with value, class and JS</label>{{ IrisForm::checkbox('checkbox12', $data, [1], 'is-danger', true, "onchange=\"checkboxChange(this)\"", 'v') }}
