2017-08-28 3 views
0

Ich möchte Eingabeformular aktivieren, wenn ich Kontrollkästchen eincheck.Kontrollkästchen aktivieren/deaktivieren in jquery

<div class="form-group clearfix"> 
    <input type="checkbox" id="work" class="pull-left" /> 
    <label for="work" class="form-info pull-left"> 
    {!! Form::number('work', null, ['class' => 'form-control work','placeholder' => 'Nghề nghiệp'])!!} 
    </label> 
</div> 

<div class="form-group clearfix"> 
    <input type="checkbox" id="city" class="pull-left" /> 
    <label for="city" class="form-info pull-left"> 
    {!! Form::number('city', null, ['class' => 'form-control city','placeholder' => 'Thành phố'])!!} 
    </label> 
</div> 
+0

wenn Sie sagen, FREIGEGEBEN/GESPERRT, meinst du unclickable buchstäblich deaktivieren? Wenn ein Formularelement deaktiviert wird, wird es beim Senden nicht mehr verarbeitet. Ich zeige/verstecke es – clearshot66

Antwort

0

$("input[type=checkbox]").on("click",function(){ 
 
    $("label[for="+$(this).attr("id")+"]").find("input[type=text]").prop("disabled", (!$(this).is(":checked"))); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="form-group clearfix"> 
 
    <input type="checkbox" id="work" class="pull-left" /> 
 
    <label for="work" class="form-info pull-left"> 
 
    <input type="text" disabled /> 
 
    </label> 
 
</div> 
 

 
<div class="form-group clearfix"> 
 
    <input type="checkbox" id="city" class="pull-left" /> 
 
    <label for="city" class="form-info pull-left"> 
 
<input type="text" disabled /> 
 
    </label> 
 
</div>

0

Um zu überprüfen, ob ein Kontrollkästchen aktiviert ist, was Sie somethig wie dies tun können. wenn du es nicht funktionierst lass es mich wissen und ich kann mehr helfen.

$("#work").on("change", function(){ 
    var checked = $(this).is(':checked'); 
    if(checked){ 
     $("#idofwahteveryouwantdisabled").css("disabled", true); 
    } 
    else{ 
     $("#idofwahteveryouwantdisabled").css("disabled", false); 
    } 
} 
Verwandte Themen