Mysql
 sql >> Baza danych >  >> RDS >> Mysql

Jak sprawdzić, czy przycisk radiowy jest zaznaczony lub zaznaczony w jQuery?

Pierwotnie opublikowany @ https://codeanddeploy.com odwiedź i pobierz przykładowy kod:https://codeanddeploy.com/blog/jquery/how-to-check-if-radio-button-is-checked-or-selected-in -jquery

W tym poście porozmawiamy o tym, jak sprawdzić, czy twój przycisk opcji jest już zaznaczony za pomocą jquery. Zwykle ma to zastosowanie, jeśli wykonujesz formularze z dodatkowym sprawdzaniem. Jest to pomocne w określeniu, który przycisk opcji jest zaznaczony przed przesłaniem go po stronie serwera. Podzielę się 3 metodami, które możesz wybrać i zastosować, które są odpowiednie do Twoich potrzeb.

Metoda nr 1

Sprawdź za pomocą instrukcji if z :checked selektorem i val(), aby określić, czy zaznaczone

// Method #1 - check using if statement with :checked selector and val() to determine if checked
$("#btnSubmit1").on("click", function() {
    if($(".status1:checked").val()) {
        alert('checked')
    } else {
        alert('not checked.')
    }
});

Metoda nr 2

Sprawdź za pomocą funkcji .is() i :checked selektora, aby określić, czy przycisk opcji jest zaznaczony

// Method #2 - check using is() function to determine if the radio button is checked
$("#btnSubmit2").on("click", function() {
    if($(".status2").is(':checked')) {
        alert('checked')
    } else {
        alert('not checked.')
    }
});

Metoda nr 3

Zapętl elementy przycisku radiowego za pomocą selektora :checked. Przydatne, jeśli masz wiele zaznaczonych przycisków opcji

// Method #3 - loop the radio button elements with :checked selector.
// useful if you have multiple selected radio button
$("#btnSubmit3").on("click", function() {
    $("[type=\"radio\"]:checked").each(function() {
        alert('checked')
    });
});

Teraz masz pomysł, jak sprawdzić wybrany przycisk opcji, po prostu wybierz to, co Ci odpowiada. Teraz podzielę się pełnym kodem źródłowym tego posta.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>How to Check if Radio Button is Checked or Selected in jQuery?</title>
</head>
<body>
    <h1>How to Check if Radio Button is Checked or Selected in jQuery?</h1>

    <h2>Method #1 - check using if statement with :checked selector and val() to determine if checked</h2>
    <form id="form1">
        <label>Click here
            <input type="radio" value="1" name="status1" class="status1" required="required">
        </label>
        <br/><br/>
        <button type="button" id="btnSubmit1">Check Status</button>
    </form>

    <br/><br/><br/><br/>

    <h2>Method #2 - check using is() function to determine if the radio button is checked</h2>
    <form id="form2">
        <label>Click here
            <input type="radio" value="regular" name="status2" class="status2" required="required">
        </label>
        <br/><br/>
        <button type="button" id="btnSubmit2">Check Status</button>
    </form>

    <br/><br/><br/><br/>

    <h2>Method #3 - loop the radio button elements with :checked selector</h2>
    <p>useful if you have multiple selected radio button</p>
    <form id="form3">
        <label>Click here
            <input type="radio" value="regular" name="status3" class="status3" required="required">
        </label>
        <br/><br/>
        <button type="button" id="btnSubmit3">Check Status</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() {
            // Method #1 - check using if statement with :checked selector and val() to determine if checked
            $("#btnSubmit1").on("click", function() {
                if($(".status1:checked").val()) {
                    alert('checked')
                } else {
                    alert('not checked.')
                }
            });


            // Method #2 - check using is() function to determine if the radio button is checked.
            $("#btnSubmit2").on("click", function() {
                if($(".status2").is(':checked')) {
                    alert('checked')
                } else {
                    alert('not checked.')
                }
            });

            // Method #3 - loop the radio button elements with :checked selector.
            // useful if you have multiple selected radio button.
            $("#btnSubmit3").on("click", function() {
                $("[type=\"radio\"]:checked").each(function() {
                    alert('checked')
                });
            });
        });
    </script>
</body>
</html>

Mam nadzieję, że ten samouczek może ci pomóc. Odwiedź stronę https://codeanddeploy.com/blog/jquery/how-to-check-if-radio-button-is-checked-or-selected-in-jquery, jeśli chcesz pobrać ten kod.

Udanego kodowania :)


  1. Database
  2.   
  3. Mysql
  4.   
  5. Oracle
  6.   
  7. Sqlserver
  8.   
  9. PostgreSQL
  10.   
  11. Access
  12.   
  13. SQLite
  14.   
  15. MariaDB
  1. 4 sposoby na znalezienie zduplikowanych wierszy w MySQL

  2. Pytanie dotyczące unikalnej wielkości liter varchar w SQL

  3. Jak przechowywać zdjęcia w bazie danych MySQL

  4. SQL:Jaka jest domyślna kolejność zapytań?

  5. Usunąć wszystkie zduplikowane wiersze z wyjątkiem jednego w MySQL?