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

   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">

    

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

枫叶思念

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值