Development Tip

HTML5에서 확인란을 선택하고 선택 취소하는 올바른 방법은 무엇입니까?

yourdevel 2020. 12. 11. 20:24
반응형

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"를 사용할 수 있으므로 페이지를 새로 고침하면 체크 박스가 자동으로 선택되지 않습니다.

참고 URL : https://stackoverflow.com/questions/12700626/what-is-the-proper-way-to-check-and-uncheck-a-checkbox-in-html5

반응형