Question

Ich brauche eine Bootstrap-Senden-Schaltfläche auf einem Formular aktivieren oder zu deaktivieren, wenn eine Checkbox cheched ist oder nicht

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 1

Für die Checkbox alle müssen Sie tun erhalten Sie die Id Ihrer reichen button (grabaperaus in diesem Fall) Deaktivieren Sie onChange Ereignis der checkbox.

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

Answer 2

versuchen, diese

\t 
 
$(document).ready(function(){ 
 
\t $('#save').prop('disabled',true); 
 
$('#visto').click(function(){ 
 
\t 
 
\t if($(this).is(':checked')) 
 
\t { 
 
\t \t $('#save').prop('disabled',false); 
 
\t \t 
 
\t } 
 
\t else 
 
\t { 
 
\t \t $('#save').prop('disabled',true); 
 
\t } 
 
}); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label class='checkbox-inline'><input type='checkbox' name='visto' 
 
id='visto' value=''> Visto bueno del Responsable</label> 
 

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

Answer 3

Mit JQuery
HTML:

<input type='checkbox' data-toggle='inputid'/> 
<input id='inputid'/> 

javascript:

function toggle(target) { 
    var toggle = $(target).data("toggle"); 
    if (toggle) { 
     var obj = $("#" + toggle); 
     if (target.checked) { 
      obj.attr("disabled", "disabled"); 
     } else { 
      obj.removeAttr("disabled"); 
     } 
    } 
} 

$("input:checkbox").each(function(){toggle(this);}).on('input',function(){toggle(this);});