How to select all textareas and textboxes using jQuery?

后端 未结 5 2046
有刺的猬
有刺的猬 2020-12-02 15:03

How can I select all textboxes and textareas, e.g:


and




        
相关标签:
5条回答
  • 2020-12-02 15:47

    Password boxes are also textboxes, so if you need them too:

    $("input[type='text'], textarea, input[type='password']").css({width: "90%"});
    

    and while file-input is a bit different, you may want to include them too (eg. for visual consistency):

    $("input[type='text'], textarea, input[type='password'], input[type='file']").css({width: "90%"});
    
    0 讨论(0)
  • 2020-12-02 15:52
    $('input[type=text], textarea').css({width: '90%'});
    

    That uses standard CSS selectors, jQuery also has a set of pseudo-selector filters for various form elements, for example:

    $(':text').css({width: '90%'});
    

    will match all <input type="text"> elements. See Selectors documentation for more info.

    0 讨论(0)
  • 2020-12-02 16:02
    names = [];
    $('input[name=text], textarea').each(
        function(index){  
            var input = $(this);
            names.push( input.attr('name') );
            //input.attr('id');
        }
    );
    

    it select all textboxes and textarea in your DOM, where $.each function iterates to provide name of ecah element.

    0 讨论(0)
  • 2020-12-02 16:04
    $("**:**input[type=text], :input[type='textarea']").css({width: '90%'});
    
    0 讨论(0)
  • 2020-12-02 16:10

    Simply use $(":input")

    Example disabling all inputs (textarea, input text, etc):

    $(":input").prop("disabled", true);
    <form>
      <textarea>Tetarea</textarea>
      <input type="text" value="Text">
      <label><input type="checkbox"> Checkbox</label>
    </form>
    
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    0 讨论(0)
提交回复
热议问题