HTML5에서 확인란을 선택하고 선택 취소하는 올바른 방법은 무엇입니까?
HTML 사양을 살펴 보았지만 앞면이나 뒷면을 만들 수 없습니다 : http://www.w3.org/TR/html5/the-input-element.html#attr-input-checked
동적이 아닌 HTML에서 확인란을 선택하는 올바른 방법은 무엇입니까?
checked="true"
checked="checked"
체크 박스 를 선택 해제 하는 올바른 방법은 무엇입니까 ?
<input type="checkbox" /> with no checked attribute
checked="false"
checked="none"
확인란을 선택 / 선택 취소하기 위해 HTML 사양을 어디에서 확인할 수 있습니까?
<input type="checkbox" checked="checked" />
또는 간단히
<input type="checkbox" checked />
체크 박스. <input type="checkbox" />
선택되지 않은 확인란에 대해 선택된 속성 ( )이 없습니다 .
참조 : http://www.w3.org/TR/html-markup/input.checkbox.html#input.checkbox.attrs.checked
HTML5 초안에 따르면 checked
속성은 " 부울 속성 "이고 "요소에 부울 속성이 있으면 참 값을 나타내고 속성이 없으면 거짓 값을 나타냅니다." 중요하고 충분한 속성의 이름입니다. 따라서 처음에 확인란을 선택하려면
<input type=checkbox checked>
기본적으로 checked
속성 이 없으면 확인란이 처음에 선택 취소됩니다.
<input type=checkbox>
이러한 방식으로 유지하면 단순하게 유지되지만 XML 구문을 준수해야하는 경우 (예 : XHTML 선형화에서 HTML5 사용) 속성 이름 만 사용할 수 없습니다. 그런 다음 허용되는 (HTML5 초안에 따라) 값은 빈 문자열과 checked
대소 문자를 구분하지 않는 문자열 입니다. 예:
<input type="checkbox" checked="checked" />
<input type="checkbox" checked />
HTML5에는 속성 값이 필요하지 않습니다.
jQuery에서 :
확인란을 확인하려면 :
$("#checkboxid").attr("checked","checked");
확인란을 선택 취소하려면 :
$("#checkboxid").removeAttr("checked");
다른 답변은 솔루션에 대한 힌트를 제공하고 추가 파기 후에이 답변을 얻을 수 있다는 문서를 알려줍니다. Jukka K. Korpela는 이것이 정답 인 이유를 가지고 있습니다. 기본적으로 나는 그의 링크를 따라 가고 그 결과를 얻기 위해 jQuery 문서를 찾았습니다. 이 기사를 찾는 미래의 사람들을 구할 것이라고 생각했습니다.
w3schools 에서이 페이지를 참조 할 수 있지만 기본적으로 다음 중 하나를 사용할 수 있습니다.
<input checked>
<input checked="checked">
<input checked="">
jQuery 의 Robert의 답변 http://jsfiddle.net/ak9Sb/ 에 대한 보완 답변
확인란 상태를 가져 오거나 설정할 때 다음과 같은 현상이 발생할 수 있습니다.
.trigger("click");
선택되지 않은 확인란을 선택하지만 선택한 속성을 추가하지 않습니다. 트리거를 사용하는 경우 "checked"속성으로 상태를 가져 오지 마십시오.
.attr("checked", "");
확인란을 선택 취소하지 않습니다 ...
<form name="myForm" method="post">
<p>Activity</p>
skiing: <input type="checkbox" name="activity" value="skiing" checked="yes" /><br />
skating: <input type="checkbox" name="activity" value="skating" /><br />
running: <input type="checkbox" name="activity" value="running" /><br />
hiking: <input type="checkbox" name="activity" value="hiking" checked="yes" />
</form>
부모 양식에서 autocomplete = "off"를 사용할 수 있으므로 페이지를 새로 고침하면 체크 박스가 자동으로 선택되지 않습니다.
'Development Tip' 카테고리의 다른 글
오류 : "지정된 LINQ 식에 다른 컨텍스트와 연결된 쿼리에 대한 참조가 포함되어 있습니다." (0) | 2020.12.11 |
---|---|
Meteor의 백그라운드 작업 (0) | 2020.12.11 |
ASCII "이미지"에서 "수직"정규식 일치 (0) | 2020.12.11 |
Xcode 5/6 : View Debugging이 항상 회색으로 표시됩니까? (0) | 2020.12.11 |
Flask sqlalchemy 다 대다 데이터 삽입 (0) | 2020.12.11 |