특정 조건에 Button 숨기기, 보이기 - hide(), show()
$(function(){
$("#toggle_id").bind("click", function(){
if($("#toggle_id").val()==0){
$("#toggle_id").val(1);
}
else{
$("#toggle_id").val(0);
}
var isHide=$("#toggle_id").val();
if(isHide==1){
// Button 숨기기
$("#admin_id").hide();
}
else{
// Button 보이기
$("#admin_id").show();
}
});
});
<body>
...
<button id="admin_id">관리자</button>
<button id="toggle_id" value="0">버튼 토글</button>
...
</body>
728x90
'Software > Javascript&jQuery' 카테고리의 다른 글
| [Javascrip&jQuery] 버튼(button) 또는 객체(Object)의 .show() .hide() 판정하기 - .toggle() 아님 (0) | 2020.04.21 |
|---|---|
| [jQuery] json 파일 읽기 - .getJSON() 과 .ajax() 차이 (0) | 2020.03.01 |
| [Javascript] substring() 사용해서 문자열 앞, 뒤에서 자르기 - str.length 사용 (0) | 2020.02.22 |
| [Javascript&jQuery] HTML 내에서 로그 출력하기 console.log(), alert(), ${} (0) | 2020.02.07 |
| [Javascript] replace() 함수 사용하기, 년도월일 에서 - 제외하기, 정규식 (0) | 2019.11.23 |