Twitter bootstrap 如果选中复选框，如何禁用或启用引导提交按钮

如果复选框被选中或未选中，我需要启用或禁用表单上的引导提交按钮

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'>";

echo“observationes”；
回声“；
回音“负责人维斯托·布埃诺”；
回声“；
回声“；
...
回声“；

对于复选框，您只需获取提交

按钮的
Id
（
grabaperaus
在本例中）在
复选框的
事件发生时禁用它

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


试试这个



$（文档）.ready（函数（）{
$（'#save'）.prop（'disabled'，true）；
$（'#visto'）。单击（函数（）{
如果（$（this）.is（':checked'））
{
$（'#save'）.prop（'disabled'，false）；
}
其他的
{
$（'#save'）.prop（'disabled'，true）；
}
});
});

负责人维斯托·布埃诺
使用Jquery


HTML:

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

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);});