확인란을 선택한 후 양식을 활성화해야합니다 (페이지로드시 비활성화 됨).

Question

JavaScript 또는 jquery 라이브러리를 인식하지 못해서 도움이 필요합니다. 프로젝트에서 사용해야합니다. 페이지가로드 될 때 비활성화 된 양식으로 확인란을 선택한 경우 사용할 수있게하려고합니다. 많이 시도했지만 해결책을 찾지 못했습니다 ..

$(document).ready(function (e) { 
    $("#form1 *").prop("disabled", "disabled"); 
}); 

체크 박스는 다음과 같습니다

<input type="checkbox" id="checkbox" name="opt[]" value="'.$points.'"> 

아이디어가 있다면 알려주세요!

원샷하지만 ..no 결과였다

document.getElementById('checkbox').onchange = function() { 
    document.getElementById('eksargirwsh').disabled = this.checked; 
}; 

형태 코드 :

<form method="post" id="eksargirwsh" action="update_points_test2.php"> 

      <div class="col-lg-4"> 
       <div class="ibox float-e-margins"> 
        <div class="ibox-title"> 
            <h5>Form1</h5> 

           </div> 
           <div class="ibox-content"> 

echo ' 

            <div> 
             <div class="feed-activity-list"><div style="border: 0.5px solid green; border-right-style:none;" class="input-group m-b"><span class="input-group-addon"> 
               <input type="checkbox" id="checkbox" name="opt[]" value="'.$points.'"></span> 
               <input type="hidden" name="opt2[]" value="'.$row_select4['id'].'"> 


              <div class="feed-element"> 
               <a href="profile.html" class="pull-left"> 
              <img alt="image" class="img-circle" src="'. $row_select4['image_url']. '"> 
               </a> 
              <div class="media-body "> 
             <div class="ibox-tools"> 
                 <span class="label label-primary">ΔΙΑΘΕΣΙΜΟ</span><br><br> 
                 <span class="label label-warning-light pull-right"><strong>' .$row_select4['points']. '</strong> Πόντοι</span> 
                </div> 
                <strong>' .$row_select4['title']. ' </strong> ' .$row_select4['description']. ' <br> 
                <small class="text-muted">Διάρκεια: <strong>' .$row_select4['start_date']. ' - ' .$row_select4['end_date']. ' </strong></small> 
                <div class="well"> 
                 ' .$row_select4['description']. ' 
                </div> 
                </div> 
               </div> 
              </div> 

             </div>' ; 

<button type="submit" id="submit" class="btn btn-w-m btn-primary">SUBMIT</button> 
          </form> 

Answer 1

체크 박스는 체크 박스

에서이 기능을 넣어 그

$(document).ready(function() { 
     $('form :not([type=checkbox])').prop('disabled',true); 

}); 

제외하고는 사용하지 않도록 전체 페이지를 할 필요가 같은 형태로되어

$(":checkbox").click(function(){ 
    if (this.checked) { 
     $('#form :not([type=checkbox])').prop('disabled',false); 
    } 
    else{ 
    $('#form :not([type=checkbox])').prop('disabled',true); 
    } 
}) ; 

바이올린 아래에 생성 된 사용자 요구 사항에 대한

링크

JSFiddle

Answer 2

사용이. #checkbox이 아닌 요소를 선택한 다음 처음에는 비활성화 할 수 있습니다. 그런 다음 checkbox 변경 사항을 추가하여 선택하면 활성화됩니다. 그 다음

경우

$(document).ready(function (e) { 
    $("#form1 *:not(#checkbox)").prop("disabled", true); 
    $("#form1").addClass('disabled'); 
    $('#checkbox').change(function(){ 
    $("#form1 *:not(#checkbox)").prop("disabled", !this.checked); 
    $("#form1").toggleClass('disabled', !this.checked); 
    }) 
}); 

#form1{ 
    opacity: 1; 
} 
#form1.disabled{ 
    opacity: 0.2; 
}