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

        

  • 相关阅读:
    .NET8顶级调试lldb观察FOH堆字符串分配
    ES6 入门教程 26 编程风格 26.7 Map 结构 & 26.8 Class & 26.9 模块 & 26.10 ESLint 的使用
    win10使用vagrant构建虚拟机
    Pytorch查看、初始化网络层参数及模型的保存与加载
    Java.lang.Character类中codePointAt(CharSequence seq, int index)方法具有什么功能呢?
    【全】差分模板
    2022杭电多校(五)
    SQL教学: MySQL进阶操作详解--探索DML语句的高级用法
    ros2 安装UR机器人仿真包
    K8s in Action 阅读笔记——【13】Securing cluster nodes and the network
  • 原文地址:https://blog.csdn.net/m0_72495985/article/details/127687063