• 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元素 : 中有

        

  • 相关阅读:
    GB/T40024-2021工业电热设备节能监测方法
    Hadoop的由来、Block切分、进程详解
    利用ChatGPT来学习数据库开发知识和解决疑问
    【网络安全 --- Burp Suite抓包工具】学网安必不可少的Burp Suite工具的安装及配置
    URP下的OffScreen Particle Render
    shell脚本基础教程,快速上手
    微信小程序授权登录?
    使用ZooKeeper客户端原生API实现分布式配置中心
    1400*C. Soldier and Cards(贪心&模拟)
    HSIC Bottleneck的C++程序实现
  • 原文地址:https://blog.csdn.net/m0_72495985/article/details/127687063