Рубрики

Как снять флажок с помощью JavaScript / jQuery?

Чтобы снять отметку с переключателя , доступно много методов, но мы рассмотрим наиболее предпочтительные.

Пример 1: В этом примере снимается флажок переключателя с использованием свойства флажка Javascript . Свойство «Радио JavaScript проверено» используется для установки или возврата проверенного состояния кнопки «Вход». Это свойство используется, чтобы отразить проверенный атрибут HTML.

<!DOCTYPE html> 

<html

    <head

        <title

            JavaScript | uncheck a radio button

        </title

    </head

      

    <body style = "text-align:center;" id = "body"

          

        <h1 style = "color:green;"

            GeeksForGeeks 

        </h1

          

        <input id = "radio" type="radio" name="GFG"

                value="GeeksForGeeks" checked>GFG

                  

        <br><br>

          

        <button onclick = "gfg_Run()"

            uncheck

        </button>

          

        <p id="GFG_DOWN" style="color:green;font-size:20px;"></p>

          

        <script>

            var el_down = document.getElementById("GFG_DOWN");

              

            function gfg_Run() {

                var radioButton = document.getElementById("radio");

                radioButton.checked = false;

                el_down.innerHTML = "Unchecked";

            }

        </script

    </body

</html>                    

Выход:

  • Прежде чем нажать на кнопку:
  • После нажатия на кнопку:

Пример 2: В этом примере неустановленного переключатель с помощью метода JQuery (пропа) . Метод prop () в jQuery, который используется для установки или возврата свойств и значений для выбранных элементов.

<!DOCTYPE html>  

<html>  

    <head

        <title

            JQuery | Uncheck a radio button

        </title>

          

        <script src=

"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">

        </script>

    </head

      

    <body style = "text-align:center;" id = "body">  

          

        <h1 style = "color:green;" >  

            GeeksForGeeks  

        </h1

          

        <input id = "radio" type="radio" name="GFG" 

                value="GeeksForGeeks" checked>GFG

                  

        <br><br>

          

        <button onclick = "gfg_Run()"

            uncheck

        </button>

          

        <p id="GFG_DOWN" style="color:green;font-size:20px;"></p>

          

        <script>

            var el_down = document.getElementById("GFG_DOWN");

              

            function gfg_Run() {

                $("#radio").prop("checked", false);

                el_down.innerHTML = "Unchecked";

            }

        </script

    </body>  

</html>

Выход:

  • Прежде чем нажать на кнопку:
  • После нажатия на кнопку:

Рекомендуемые посты:

Как снять флажок с помощью JavaScript / jQuery?

0.00 (0%) 0 votes