선택할 때 input을 활성화합니다. 그렇지 않으면 비활성화된javascript 코드
window.onload = function(){
var price = document.getElementById('price');
price.disabled = true;
price.style.padding = '2px 3px';
price.style.background = '#eee';
price.style.border = '1px solid #ccc';
var tj = document.getElementById('tj');
tj.onclick = function(){
if(tj.checked == true){ //
price.disabled = false;
price.style.background = '#fff';
price.style.border = '2px solid #ff7d00';
price.style.padding = '2px 3px';
price.focus();
} else {
price.disabled = true;
price.style.background = '#eee';
price.style.border = '1px solid #ccc';
price.style.padding = '2px 3px';
}
}
}
유일하게 제거할 수 있는 것은 약간의 미화를 더해서 사용자로 하여금 한층 더 높은 층을 체험하게 하는 것이다. 그 중에서 테두리의 굵기, 초점의 획득, checkbox 테두리선의 숨김 등을 포함한다.
테스트 코드
window.onload = function(){ var price = document.getElementById('price'); price.disabled = true; price.style.padding = '2px 3px'; price.style.background = '#eee'; price.style.border = '1px solid #ccc'; var tj = document.getElementById('tj'); tj.onclick = function(){ if(tj.checked == true)price.disabled = false; price.style.background ='#fff', price.style.border ='2px solid #ff7d00', price.style.padding ='2px 3px', price.focus ();else { price.disabled = true; price.style.background = '#eee'; price.style.border = '1px solid #ccc'; price.style.padding = '2px 3px'; } } } 가격:특가
[Ctrl+A 전체 선택: 외부 Js를 가져오려면 새로 고쳐야 합니다.]
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
