I want to grey out these two things the song input field and the submit button until the user enters and artist. Is there an easy way to do this via JQuery.
the id of the artist input field is #request_artist
1
- External links can break. Please let your question be self containedlilalinux– lilalinux2016-02-25 10:56:41 +00:00Commented Feb 25, 2016 at 10:56
Add a comment |
3 Answers
You can do something like this:
var artist = ('#request_artist'); var song = ('#request_song'); var assubmit = ('#request_submit'); song.attr('disabled', true); assubmit.attr('disabled', true); artist.change(function() { if(artist.val() > 0) { song.attr('disabled', false); assubmit.attr('disabled', false); } else { song.attr('disabled', true); assubmit.attr('disabled', true); } }); 
Comments
for the input field, the submit button should be equal $('#request_artist').attr('disabled', true);
Comments
The one liner code would be :
<input type="text" name="name" value="" id="txt1" /> <input type="button" name="name" id="btn1" disabled="disabled" value="Submit" /> <script type="text/javascript"> $("#txt1").keyup(function () { $("#btn1").attr("disabled", $.trim($("#txt1").val()) != "" ? "" : "disabled"); }); </script> 
2 Comments
Yi Jiang
It's not code golf here, why do you have to squash your code onto a single line? And how is having fewer lines make this solution superior?
Siva Gopal
I am sorry, my intention is to make use of Jquery Chaining feature.