jqueryのチェックボックスの有効/無効

Question

入力チェックボックスをオンにしたときに入力フォームを有効にしたいとします。

<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> 

Answer 1

$("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>

Answer 2

チェックボックスがオンになっているかどうかを確認するには、このように何ができるのですか。あなたがそれを働かせることができないなら私に知らせてください、そして私はもっと助けることができます。

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