JavaScript/jQuery를 사용하여 라디오 버튼을 선택 취소하는 방법은 무엇입니까?

원래 게시된 @https://codeanddeploy.com 방문하여 샘플 코드 다운로드: https://codeanddeploy.com/blog/jquery/how-to-unchecked-a-radio-button-using-javascriptjquery

이번 포스팅에서는 jquery에서 버튼 클릭 이벤트를 이용하여 체크된 라디오 버튼의 체크를 해제하는 방법에 대해 알려드리겠습니다. 선택한 라디오 버튼이 선택 해제되도록 element.prop("checked",false) 를 사용하고 있습니다.

전에



후에



아래 예제 코드는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>How to unchecked a radio button using JavaScript/jQuery?</title>
</head>
<body>
    <h1>How to unchecked a radio button using JavaScript/jQuery?</h1>

    <form id="form1">


        <p><b>Current Status</b></p>
        <input type="radio" value="1" name="status" class="status" checked> Active

        <br/><br/>

        <button type="button" id="btnSubmit">Deactivate</button>
    </form>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $("#btnSubmit").on("click", function() {
                var status = $(".status");
                status.prop("checked", false);
            });
        });
    </script>
</body>
</html>


이 튜토리얼이 도움이 되었으면 합니다. 이 코드를 다운로드하려면 여기https://codeanddeploy.com/blog/jquery/how-to-unchecked-a-radio-button-using-javascriptjquery를 방문하십시오.

행복한 코딩 :)

좋은 웹페이지 즐겨찾기