[jQuery] 라디오버튼 또는 체크박스 값 가져오기 및 체크 해제하기

https://electronic-moongchi.tistory.com/42

[jQuery] 라디오(radio) 버튼, 체크박스(checkbox) 선택/해제 하는 방법

 

[예 1 - 라이오버튼]

 

HTML

<label><input type="radio" name="fruits" value="사과">사과</label>

<label><input type="radio" name="fruits" value="복숭아">복숭아</label>

 

Javascript

var v1 =  $("input:radio[name='fruits']:radio[value='사과']").val(); //값 가져오기

$("input:radio[name='fruits']:radio[value='사과']").prop('checked', true); // 선택하기

$("input:radio[name='fruits']:radio[value='사과']").prop('checked', false); // 해제하기

 

---

[예 1 - 체크박스]

HTML

<label><input type="checkbox" name="fruits" value="사과">사과</label>

<label><input type="checkbox" name="fruits" value="복숭아">복숭아</label>

<label><input type="checkbox" name="fruits" value="포도">포도</label>
<label><input type="checkbox" name="fruits" value="참외">참외</label>

 

Javascript

$("checkbox[name='fruits']").prop('checked', true); // 전체선택하기

$("checkbox[name='fruits']").prop('checked', false); // 전체해제하기