input 태그로 Button만들고 관리하기

button을 만들 때 상황에 따라서 button의 텍스트가 바뀌어야 한다면 다음과 같이 input 태그 안에 value 값을 주고 이 값을 바꾸어 주면 된다. 

        <div style="padding-bottom: 30px;"><input type="button" class="btn btn-primary" value="test" id="blockchain_tx" disabled="false"/></div>

 

현재는 input display가 모두 none으로 되어 있는 조회 화면에 하나의 버튼을 추가하는 것이므로, 내가 추가한 input값만 보여지게 만드려고 한다.

$(document).ready(()=>{
            $("#blockchain_tx").click(alert("a"));
            if($("input").id=$("#blockchain_tx")){
                $("input").attr("disabled", false);
            }else{
                $("input").attr("disabled", true);
            }

다음과 같이 id가 내가 만든 button일 경우에만 disabled를 false로 두어 버튼이 작동하게 만들었다. 이렇게 dom이 준비되었을 때 자동으로 실행되는 js에서 조정을 해주면 상황에 맞게 표시가 된다.

 

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

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