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


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

    1、 

    1. <form>
    2. <input type="checkbox" name="newsletter" checked="checked" value="Daily" />
    3. <input type="checkbox" name="newsletter" value="Weekly" />
    4. <input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
    5. </form>

          jquery 代码:

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

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

    2、

    1. <select id="sel">
    2. <option value="1">Flowers</option>
    3. <option value="2" selected="selected">Gardens</option>
    4. <option value="3">Trees</option>
    5. </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代码:

           

                       

                        

                        

                        

                        

                        

                       

                           

                             

           

    注意:jquery代码:

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

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

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

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

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

    2、 

    1. <form>
    2. <input name="email" disabled="disabled" />
       
       </form>

            注:juquery代码

             $("input:enabled")        查找所有可用的input元素   结果只有    

             $("input:disabled")       查找所有不可用的input元素 : 中有

        

  • 相关阅读:
    若依ruoyi系统报错:mybatis-plus报错,获取用户信息异常解决方案(借助ruoyi作为后台管理系统出现的bug)
    使用 ESP32 CAM 和 OpenCV 的运动检测
    2022-8-21 第七小组 学习日记 (day45)Java测试***
    Leetcode 47.全排列Ⅱ
    乱码问题解决
    SAP MTS/ATO/MTO/ETO专题之九:M+M模式前后台操作,策略用50,提前准备原材料和半成品
    契约锁集成近20种人事软件,助力HR网上签署“入转调离”文件
    存储过程、Statement详解
    php pecl安装redis扩展
    服务器百万并发的原理与实现
  • 原文地址:https://blog.csdn.net/m0_72495985/article/details/127687063