How to disable or enable a bootstrap submit button if checked checkbox

twitter-bootstrap checkbox disabled-control
osbragon picture osbragon · Jun 23, 2016 · Viewed 12.1k times · Source

I need to enable or disable a bootstrap submit button on a form if a checkbox is cheched or not

echo "<div class='panel panel-danger'><div class='panel-heading'>OBSERVACIONES</div><div class='panel-body'>";
echo "<div class='input-group'>";
echo "<label class='checkbox-inline'><input type='checkbox' name='visto' id='visto' value=''> Visto bueno del Responsable</label>";
echo "</div>"; 
echo "</div>"; 

...

echo "<input type='submit' class='btn btn-primary' value='SAVE' name='grabaperaus' formaction='update.php'>";

Answer

Coding Enthusiast picture Coding Enthusiast · Jun 23, 2016

For the checkbox all you need to do is get the Id of your submit button (grabaperaus in this case) disable it onChange event of the checkbox. 

<input type="checkbox"  
onchange="document.getElementById('grabaperaus').disabled = !this.checked;" name='visto' 
id='visto'/>

Related questions

How can I change the size of a Bootstrap checkbox?

Wondering if its possible to change the size of checkbox as it's possible with buttons. I want it to be bigger, so it makes it easy to press. Right now its looking like this: Code: <div class="form-group"> &…

Read More
Nested parent/child checkboxes - working solution need adjustment help for Bootstrap

I have been looking for a 'complete' solution to nesting parent child checkboxes that change state correctly based on a hierarchy. Most 'solutions' do not work or only work to one level. They also require you to name the checkboxes …

Read More
Bootstrap multiselect dropdown checkbox not working on paginated table

I am having a dynamically populated paginated table. I am using "bootstrap multiselect checkbox " option in one of the column. This plugin works fine in first page of the table , but when i try to navigate to next pages on …

Read More