페이지 로딩 시 체크박스 표시하기[정보 조회 페이지]

정보 조회 페이지를 만들때 우선 다음과 같이 input 태그를 비활성화 시킨다.

$(document).ready(()=>{
    check();
	$("input").attr("disabled", true);
})

 

우선 위와같이 input태그에 모두 disaled를 달아서 읽을 수만 있게 만들어 둔다.

체크박스를 기본적으로 체크되게 만드려는 경우 다음과 같이 한다.

 

type을 checkbox로 두었고 id를 지정해주었다. value값은 체크가 될 시에 Y가 들어가도록 하였다.

<label  style="margin: 2%;"><input type="checkbox" name="newproduct" id="newproduct" value="<%=newproduct %>" readonly/>신재품개발</label>

 

 

다음과 같이 input태크를 가진것중 id를 따로 선택하고 prop을 사용하여 checked값을 true, false로 바꿔가며 체크하게 한다.

        $(document).ready(()=>{
            $("input").attr("disabled", true);
        });    
        function check(){
            if($("#newproduct").val()=="Y"){
                $("input:checkbox[id='newproduct']").prop("checked", true);
            }else{
                $("input:checkbox[id='newproduct']").prop("checked", false);
            }
        }

 

IT 유튜브 타임해커 보러가기

www.youtube.com/channel/UCHsRy47P2KlE749oAAjb0Yg?view_as=subscriber

타임해커