jquery 中input /checkbox/radio/button/select未选中的值/等取值问题

屠嘉勋
2023-12-01

   jquery中一些的基础的选择器、

1、 

<form>
     <input type="checkbox" name="newsletter" checked="checked" value="Daily" />
     <input type="checkbox" name="newsletter" value="Weekly" />
     <input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
   </form>

      jquery 代码:

        $("input:checked")    查找所有选中的复选框元素

      var  uncheckbox= $("input[name='newsletter']").not("input:checked")   所有没有未选中的复选框元素

2、

<select id="sel">
     <option value="1">Flowers</option>
     <option value="2" selected="selected">Gardens</option>
     <option value="3">Trees</option>
   </select>

          jquery 代码:

         var sel=$("#sel option:selected")          查找所有选中的选项元素

         option.val();   option.text();

                这是返回没被选中的option集合,使用$.map函数对这个集合进行处理,取出其中元素的值,使用","进行分隔。如果option中没有value属性,那么直接返回option的文本内容。

        $(function(){

            var unsel=$.map(#sel option:not(:selected));

   $(function(ele)){

             return ele.value

         }).join(",");

        reuturn alert(unsel);

})

 3、匹配所有 input, textarea, text、checkebox、file、submit、select 和 button 等等元素

        下面这些元素都会被匹配到。HTML代码:

       <form>

                    <input type="button" value=“input Button”/>

                    <input type="file"/>

                    <input type="hidden"/>

                    <input type="password"/>

                    <input type="radion" />

                    <input type="reset" />

                    <input type="text" />

                    <input type="checkbox" />   

                    <input type="image" />     

       </form>

注意:jquery代码:

   查找所有input元素:      $(":input")                              查找所有的担心按钮:      $(":radio")      

   匹配所有的单行文本框、  查找所有文本框:$(":text")          查找所有的密码:$(":password")  

   查找所有复选框: $(":checkbox")                                  查找所有匹配提交按钮:  $(":submit")

   匹配所有图像域 : $(":image")                                      匹配所有文件域 : $(":file") 

   查找所有匹配提交重置按钮:  $(":reset")                          查找所有按钮:  $(":button")

2、 

<form>
      <input name="email" disabled="disabled" />
<input name="email" disabled="disabled" />
<input name="id" />
   </form>

        注:juquery代码

         $("input:enabled")        查找所有可用的input元素   结果只有   <input name="id" />  

         $("input:disabled")       查找所有不可用的input元素 : 中有<input name="email" disabled="disabled">

    

 类似资料: