본문 바로가기

프로그래밍/html & css

radio, checkbox clear 버튼 만들기.

1. javascript 버전.

<script>
function clearOnlyJavascript(eleName) {
var ele = document.getElementsByName(eleName);
for (var i = 0; i < ele.length; i++) {
ele[i].checked = false;
}
}
</script>

2. jquery 버전

 - jquery 버전에 따라 prop 의 옵션이 달라질 수 있습니다. 참고하세요.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("#clearBtnJquery").click(function () {
console.log($("input[name=\"radioButton\"]").prop("checked", false));
});
})
</script>


3. 풀소스


'프로그래밍 > html & css' 카테고리의 다른 글

Bootstrap 사용하기  (0) 2018.08.08
textarea 리사이즈 관련  (0) 2018.07.16
radio, checkbox clear 버튼 만들기.  (0) 2018.04.25
<html lang="ko">  (0) 2018.04.09
html tag(select box, checkbox) Readonly(?)처럼 사용하기  (0) 2018.03.08