2010-04-26 2 views
15

웹 페이지에서 모든 양식 컨트롤을 사용 중지하는 가장 좋은 방법은 무엇입니까? 나는 이것이 CSS를 통해 할 수 없다는 것을 읽었지만 가능하다면 이것이 내가 선호하는 옵션 일 것이다. jQuery를 사용하면 쉽게 사용할 수 있습니다.웹 페이지의 모든 양식 컨트롤 사용 안 함

+0

가능한 속는 http://stackoverflow.com/questions/2310816/disabling-all-form-elements-in-selected-div-edited에서 http : // 유래 .com/search? q = disable + form – zaf

+0

이것은 프리젠 테이션과 아무 관련이 없으므로 CSS는 잘못된 도구입니다. (또한 폼 컨트롤처럼 보이는 것을 얻으려고 시도하는 것처럼 들리지만 사용자 컨트롤을 사용하여 사용자 입력을 얻으 려하지 않는 것처럼 들린다. 그렇다면 폼 컨트롤 역시 잘못된 툴이다.) – Quentin

+0

@Chris - 이상적으로는 질문은 별도로해야합니다. – karim79

답변

17
$("form :input").attr("disabled","disabled"); 

:input 입력, 텍스트 영역, 선택 버튼 요소를 포함하는 모든 형태 제어를 선택한다.

양식 외부에있는 양식 요소를 사용하지 않으려면 위의 '양식'선택기를 생략하십시오.

+0

그게 내가 찾고 있었던 바로 그거야. 감사. –

2

@ karim79는 CSS 선택기와 동일하지만 jquery .prop() 함수에 대한 규칙이 필요합니다 (문서 here 참조).

그래서 내가 제안

...

$("form :input").prop("disabled",true); 

Here는 .prop() 함수는 적절한 비슷한 상황이다.

희망이 도움이됩니다.

0

U는 아래 입력란을 사용하여 모든 입력 유형 영역을 비활성화 할 수 있습니다.

jQuery를 1.5 이하

텍스트 상자 - $("input[type=text]").attr('disabled', true);
어떤 라디오 버튼 - $("input[type=radio]").attr('disabled', true);
있는 체크 박스 - $("input[type=checkbox]").attr('disabled',true);

jQuery를 1.6

텍스트 상자 - $("input[type=text]").prop('disabled', true);
(10) 모든 라디오 버튼 - $("input[type=radio]").prop('disabled', true);
있는 체크 박스 - $("input[type=checkbox]").prop('disabled',true);