id를 통해 체크 박스에 액세스

Question

프로젝트에는 .jsp 파일에 링크 된이 외부 .js 파일이 있습니다. .jsp 파일의 특정 확인란이 선택되어 있는지 확인해야하며 .js 파일에서 확인해야합니다. 체크 박스의 id가 "fruit"라고 가정 해 봅시다.

나는하여의 .js 파일에 다음 코드를 if(fruit=="true"){console.log('checked');}

어떻게 든 콘솔 문이 인쇄되지 없구요, 나는 위의 코드를 언급에 어떤 문제가 있는지 모르겠습니다. 누군가가 조언 할 수 있기를 바랍니다. 고맙습니다.

Answer 1

fruit은 문자열이 아닌 HTMLInputElement 개체를 나타 내기 때문입니다. 당신이 id 속성이 요소 이름과를 사용하여 전역 네임 스페이스에 버려진 얻을 사실에 의존하고 있는지,하지만

if(fruit.checked){console.log('checked');} 

참고 :

최소한의 변화는 그 요소의 checked 속성을 사용하는 것입니다 id. 나는 자동 전역을 덮어 쓰는 것이 다른 것이 쉽기 때문에 (그리고 그 행동이 어디서나 지정되지 않았기 때문에 나에게 끔찍하게 나쁜 생각 인 것처럼 보이기 때문에 일반적으로 의존하지 않는다. 슬프게도 나는 그것이 그 길을 만들 것이라고 생각한다. 너무 오래 전에 사양으로). 그에

그래서보다는 의지는, 일반적으로 하나가 document.getElementById 사용

if(document.getElementById("fruit").checked){console.log('checked');} 

(또는, 물론, 그 조금 짧은 수 있지만,이 경우 모든 당신이하고있는 jQuery를 같은 라이브러리, . 라이브러리가 필요) jQuery로

Answer 2

는이 없어야합니다 :

if($('#fruit').prop('checked')){ console.log('checked');} 

의