Disable Inputs with HTML, JavaScript, and jQuery

Posted on by justinstolpe

In this post we learn how to disable input elements with HTML, JavaScript, and jQuery. With JavaScript and jQuery we can modify the disabled attribute to disable/enable elements when needed.

Using HTML

To disable an input using HTML all we need to do is add the disabled attribute to our input element.

Using JavaScript

To disable an input element using JavaScript we access the disabled property on the element and set it accordingly.

// disable element so it is greyed out and not editable
document.getElementById("element_id").disabled = 'disabled';

// enable element so input element is editable
document.getElementById("element_id").disabled = '';

Using jQuery

To disable input elements using jQuery we use the “.prop” jquery function to set the disabled attribute.

// disable element so it is greyed out and not editable
$( '#element_id' ).prop( 'disabled', 'disabled' );

// enable element so input element is editable
$( '#element_id' ).prop( 'disabled', '' );

Links

YouTube Video

Code on GitHub

Live Example

That is going to do it for this post! Leave any comments/questions/concerns below and thanks for stopping by the blog!

65 comments

  3. I’m extremely pleased to find this great site. I need to to thank you for ones time for this particularly fantastic read!! I definitely really liked every little bit of it and i also have you book-marked to check out new stuff in your site.

  5. 中国日報. ハス(レンカ/レンコン/レンジツ/レンニク/レンヨウ) – 素材情報データベース＜有効性情報＞（国立健康・末永恵 (2014年4月12日).
    “再建中に｢悲劇｣発生､マレーシア航空の多難”.
    ミュラーがCEOに就任して大幅な人員削減や機内食のコスト削減、不採算路線の運休を進めたが、2016年4月に1年足らずで辞任を発表した。垂直尾翼にも描かれている同社のシンボルマークは、マレーシアの伝統的な三日月型の凧「ワウブラン（ワウ＝凧、ブラン＝月）」を図案化したものである。

  10. The one on the suitable, in its former days of glory, had a row of different blue teapots, the one on the left was once a vibrant reminder of her trip to Cambridge the place the colours were deep claret and black and the one in the middle was a souvenir from Inverewe gardens which once had a picture of the gardens in the left hand corner.

  16. Matt. 11:12 And from the times of John the Baptist until now, The Kingdom Of Heaven suffereth violence, and the violent take it by power THE ABODE OF GOD IS TO BE SEIZED AND THE FORCES SEIZED IT!

  23. Stockholm-Malmö, with many trains continuing to Copenhagen, calling at Södertälje Syd, Norrköping, Linköping, Mjölby (sometimes), Nässjö, Alvesta, Älmhult (sometimes), Hässleholm, Lund and Malmö.

  32. After I initially commented I seem to have clicked on the -Notify me when new comments are added- checkbox and now each time a comment is added I recieve 4 emails with the same comment. Perhaps there is an easy method you are able to remove me from that service? Thanks.

  36. シソーラス (英: thesaurus) は単語の上位 / 下位関係、部分 / 全体関係、同義関係、類義関係などによって単語を分類し、体系づけた類語辞典・類語辞典には五十音順に項目立てしているものと、概念ごとに分類しているものがある。

  37. 1953年（昭和28年）4月19日、第26回衆議院議員総選挙が行われ、改進党は議席を減らした上に幹事長の清瀬が落選するなど敗北を喫した。三木は1953年（昭和28年）に入ると重光に対し、幹事長に清瀬一郎を据える案を提示し、重光は了承した。重光の決意に党の資金調達を担っていた大麻、そして昭和電工事件の一審で無罪判決を受けた芦田らが賛成し、三木幹事長の交代を進めた。

  39. Hello there! This blog post could not be written much better! Going through this article reminds me of my previous roommate! He always kept preaching about this. I am going to send this post to him. Fairly certain he will have a good read. Thank you for sharing!

  40. Hi, I do believe this is a great website. I stumbledupon it 😉 I will return yet again since i have saved as a favorite it. Money and freedom is the greatest way to change, may you be rich and continue to help other people.

  42. Oh my goodness! Incredible article dude! Many thanks, However I am having difficulties with your RSS. I don’t know why I am unable to join it. Is there anybody having identical RSS issues? Anyone that knows the solution will you kindly respond? Thanx!

  43. I’m amazed, I have to admit. Rarely do I come across a blog that’s both equally educative and entertaining, and let me tell you, you have hit the nail on the head. The issue is an issue that too few folks are speaking intelligently about. I’m very happy I came across this in my hunt for something regarding this.

  44. でも今回、IEOの方に舵を切っていく訳じゃないですか。両方の方向性を検討しながら、最終的にDAO化する方向性に舵を切るのであれば、もしかしたら株価が下がってしまうかもしれない。最終的に、株主とトークン保有者の利益相反はどうするんだ、みたいな話が出てくるかと思いますが、ナナメウエの今でいうと、どのタイミングでDAO化するかとか、DAOの方が開発効率がいいかなど、その辺りはまだわからないというのが正直なところです。 けれど、その利益相反が起きないようなストラクチャーをつくっている感じですね。 その資金をサービスをグロースさせるところに使うっていう感じですね。 プラスで資金調達の手段が増えるのであれば、僕たちとしては願ったり叶ったりではあるかなと。高宮：純粋な調達手段として考えると、ナナメウエの場合は結構な金額を調達できているので、もう1回エクイティでやるという選択もある。

  45. その姿勢は梓澤に対しても変わらないが、同時に一定の信頼も置いているようで、公安局ビル占拠事件の逃走時、梓澤との合流予定地点で彼を待ち続けていた。先代死後、父の残した店を諦められずに店を継ぎ、登場時点で既に一流と言える鮨職人であった。宗教特区を巡る事案の最中に、規律に反して直接的な関与を図るが、それをトーリに告発されたことでコングレスマンの資格を剥奪され、ビフロストの管理システムであるラウンドロビンによって「執行」され、死亡した。終戦後にGHQの一員として再来日した（『立教学院百二十五年史 図録：Bricks and Ivy』102-103頁）。

  46. 石井ふく子さんは過去に脱税で起訴されており、有罪となっていた紛れも無い事実がありました。石井ふく子は脱税で有罪判決の過去を持つ老害だった！近年は老害といわれており、評判はあまり良くない印象を受けます。近鉄タクシーのりば」として、名鉄交通など名鉄グループに加え、名古屋近鉄タクシーも乗り入れている。著者はこれらの事態を防ぐには効率的な包括ケア体制構築に加え、医療介護費用の削減や負担の見直しが必要として制度、運用の改革を主張する。

  47. その他の経済番組のニューヨーク中継対応は同じニューヨーク支局の記者で代替対応をしている。同番組は2011年3月末で放送終了の為、公開収録も終了した。収益力の改善、不良債権の最終処理や、公的資金の早期完済などを掲げた「Channel to Discovery」プランを発表した。
    これは別料金となる特約で、加入することでこれらの自然災害による損害も補償の対象となるのです。遅れた舟が面白げに港に這入って行く。
    “警察、国税動く！藤永幸治『特捜検察の事件簿』講談社、1998年10月。

  48. 時空タイムス・発進! 2014年2月15日時点のオリジナルよりアーカイブ。預かり資産が一定金額以下の場合、維持手数料を徴収する口座は他行でも導入されているが、本商品は、そうした顧客選別手段ではなく、下記サービスの対価として恒常的に役務収益を確保する目的があり、最もPRに努めている商品である。記事：元受共済事業の他に、再共済事業（火災共済、自動車事故費用共済、所得補償共済、休業補償共済、中小企業者総合賠償責任共済）を実施している。

  49. 2001年（平成13年）4月 静岡観光バス株式会社と清水交通株式会社の一般旅客自動車運送事業をしずてつジョイステップバス株式会社に譲渡する。法令上の規制にもとづき、お客様の「お勤め先」や「ご職業」によっては、当金庫で保険を申込みいただけない場合や保険金額等に制限が課せられる場合があります。本作はプロットよりも先に、まず核となるキャラクターから作りこんでいき、「女子高生が屋上から飛び降りる」という事件を先に設定し、そこに肉付けする形でストーリー展開を考えていったため、渋谷を舞台とした麻薬やギャングが登場する作品となった。 「日本メタバース協会」にネットで不信感が噴出”.

  52. Having read this I thought it was extremely informative. I appreciate you taking the time and effort to put this short article together. I once again find myself spending way too much time both reading and posting comments. But so what, it was still worthwhile!

  58. This act created a bond between Shan and Revan, and Shan finally fell in love with Revan whereas they have been tasked with finding the Star Forge shipyard (Revan was retrained as a Jedi after his memories were erased by the Jedi Council).

  62. There was confusion as to why the objective was not allowed to face however Boshell removed any doubt as to the validity of the equaliser when he drilled in from the spot”. Information of our subsequent opponents comes from the Oxford Mail. It says that “Oxford United striker James Roberts scored in his first game back from compassionate leave on mortgage at Chester.

Leave a Reply

Your email address will not be published. Required fields are marked *