jquery disable radio button command

$(document).ready(function() {
  // By Default Disable radio button
  $(".second").attr('disabled', true);
  $(".wrap").css('opacity', '.2'); // This line is used to lightly hide label for disable radio buttons.
  // Disable radio buttons function on Check Disable radio button.
  $("form input:radio").change(function() {
    if ($(this).val() == "Disable") {
      $(".second").attr('checked', false);
      $(".second").attr('disabled', true);
      $(".wrap").css('opacity', '.2');
    }
    // Else Enable radio buttons.
    else {
      $(".second").attr('disabled', false);
      $(".wrap").css('opacity', '1');
    }
  });
});

View another examples Add Own solution

3.6

Miruohotspring 60 points

                                    &lt;html&gt;
&lt;head&gt;
&lt;title&gt;Disable Radio Button in Form Using jQuery&lt;/title&gt;
&lt;!-- Include CSS File Here --&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;css/style.css&quot;/&gt;
&lt;!-- Include JS File Here --&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;js/disable_radio.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;div class=&quot;container&quot;&gt;
    &lt;div class=&quot;main&quot;&gt;
      &lt;h2&gt;Disable Radio Button in Form Using jQuery&lt;/h2&gt;
      &lt;form action=&quot;#&quot; method=&quot;post&quot; id=&quot;form&quot;&gt;
        &lt;label&gt;Enable / Disable Radio Buttons: &lt;/label&gt;
        &lt;input type=&quot;radio&quot; name=&quot;first&quot; value=&quot;Enable&quot; id=&quot;enable&quot;&gt;
        &lt;span&gt;Enable&lt;/span&gt;
        &lt;input type=&quot;radio&quot; name=&quot;first&quot; value=&quot;Disable&quot; id=&quot;disable&quot; checked&gt;
        &lt;span&gt;Disable&lt;/span&gt;
        &lt;label&gt;Radio Buttons :&lt;/label&gt;
        &lt;input type=&quot;radio&quot; name=&quot;second&quot; class=&quot;second&quot; value=&quot;Radio 1&quot;&gt;
        &lt;span class=&quot;wrap&quot;&gt;Radio 1&lt;/span&gt;
        &lt;input type=&quot;radio&quot; name=&quot;second&quot; class=&quot;second&quot; value=&quot;Radio 2&quot;&gt;
        &lt;span class=&quot;wrap&quot;&gt;Radio 2&lt;/span&gt;
        &lt;input type=&quot;radio&quot; name=&quot;second&quot; class=&quot;second&quot; value=&quot;Radio 3&quot;&gt;
        &lt;span class=&quot;wrap&quot;&gt;Radio 3&lt;/span&gt;
      &lt;/form&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

Thank you! 10

3.6 (10 Votes)

3.5

Divyanshu Srivastava 145 points

                                    @import url(https://fonts.googleapis.com/css?family=Droid+Serif);
h2{
  text-align: center;
}
hr{
  margin-bottom: 25px;
}
div.container{
  width: 643px;
  margin:50px auto;
  font-family: 'Droid Serif', serif;
  position:relative;
}
div.main{
  width: 320px;
  padding: 10px 60px 15px;
  box-shadow: 0 0 10px;
  border-radius: 2px;
  font-size: 13px;
  margin: 0 auto 50px;
}
span{
  margin-right: 17px;
  font-size: 15px;
}
input[type=radio]{
  margin:10px 10px 0 10px;
}
label{
  color: #464646;
  font-size: 15px;
  font-weight: bold;
}

Thank you! 4

3.5 (4 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category Html

Html 2022-03-27 21:55:05 how to kill html
Html 2022-03-27 21:55:02 How to create web urls without extensions
Html 2022-03-27 21:45:11 space between 2 h tags without break
Html 2022-03-27 21:40:13 how to resize submit button in html
Html 2022-03-27 20:40:18 https://www.codegrepper.com
Html 2022-03-27 19:55:09 show image inside table with innerhtml
Html 2022-03-27 19:30:47 html email input
Html 2022-03-27 18:45:01 how to add favicon in html
Html 2022-03-27 18:15:21 picture html
Html 2022-03-27 18:15:11 ex: javaasdasdasdasd

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

disable radio button by classname jquery disabled the last radio butto - jquery jquery radio button disabled attribute set radio button disabled jquery by value deselect the radio button using jquery disbale radio button - jquery enable/disable radio button on selecting another radiobutton - jquery make radio button disabled jquery jquery disable radio Enable button when radio button is selected jQuery how to deselect the radio button in jquery jquery radio button remove disabled disable click on radio button jquery radio button check to disable input box jquery radio button check to disable input jquery how to disable radio buttons using jquery how to prevent a radio button for selecting in jquery disable radio button by name jquery jquery disable click event on input type radio jquery disabled click event on input type radio radio button disabled in jquery how to disable radio html -jquery how to disable radio html -jq disable jquery radio jquery disable input radio jquery disabel radio button jquery make radio button disabled disable input radio jquery disable radio jquery disabled radio button using jquery jquery disable radio button how to disable radio button in jquery disable radio button jquery jquery disable radio button command

jquery disable radio button command

Welcome Back!

Create a Free Account