关闭

Please Select Language

Jquery에서 선택된 체크박스 목록 값을 얻는 방법

프런트 엔드 2021-09-28 21:03:17 0 10,221

이 게시물에서는 jquery의 체크박스 목록에서 선택된 체크박스 값을 얻는 방법을 볼 것입니다. 여기에서는 체크박스 jquery 예제를 사용하여 여러 개의 선택된 체크박스 값을 얻을 것입니다. 그 때 테이블 행에 체크박스가 여러 개 있는 경우 배열에서 체크박스 값을 얻거나 jquery의 문자열.

이 예제에서는 jquery 코드, html 체크박스, 부트스트랩 cdn 및 jquery 링크를 추가했습니다. jquery에서 여러 체크박스 값을 가져오는 방법을 알아보겠습니다.

<html>
<head>
	<title>Get selected checkbox value from checkboxlist using jquery - itdot.cn</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>

    <div class="container" style="border:1px solid gray; margin-top: 20px;">
        <h3 class="text-center">Get selected checkbox value from checkboxlist using jquery - itdot.cn</h3>
        <div style="margin-left: 210px;">
        <input type="checkbox" id="id1" value="PHP"/> <label>PHP</label> <br>
        <input type="checkbox" id="id2" value="jQuery"/> <label>jQuery</label> <br>
        <input type="checkbox" id="id3" value="CSS"/> <label>CSS</label> <br>
        <input type="checkbox" id="id4" value="Bootstrap"/> <label>Bootstrap</label> <br>
        <input type="checkbox" id="id5" value="Laravel"/> <label>Laravel</label> <br><br>
        <input type="button" id="btn" value="Submit" class="btn btn-primary" style="margin-bottom: 20px;" />
        </div>
    </div>
</body>
<script type="text/javascript">
    $(function () {
        $("#btn").click(function () {
            var selected = new Array();
            $("input[type=checkbox]:checked").each(function () {
                selected.push(this.value);
            });
            if (selected.length > 0) {
                alert("Selected items: " + selected.join(","));
            }
        });
    });
</script>
</html>

Jquery에서 선택된 체크박스 목록 값을 얻는 방법-ITdot

#Jquery#

관련 질문

당신의 의견

이미 0 회신하다
인기 순위
최신 답변