热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Jquery对radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中等的精简操作...

A取值:1.文本框varvalue$(#textbox_id).val();2.单选框varvalue$(input[namesex][checked]).v

 A 取值:

      1. 文本框

      var value=$("#textbox_id").val();               

      2. 单选框

      var value= $("input[name='sex'][checked]").val();

        3. 下拉选择框

        var value = $("#select_id").val();

        4.  多选框

        var value=  $("#checkbox_id").attr("value");

   //多选做单选用时

   var value=$("#checkbox_id").prop("checked");

        一组多选

 

// 1 使用,分隔

function getCheckBoxParams(name) {
  var items = document.getElementsByName(name);
  var values = new Array();
  for (var i = 0; i     if (items[i].checked)
      values.push(items[i].value);
  }
  return values.toString();
}

// 2

var str="";
   $("input[name='checkboxName']:checked").each(
    function(){
     str+=this.value+",";
     //或者
     //str+=$(this).val()+","
    }
   );

  多选框是否被选中的判断:

  $("#id").is(":checked")    返回值:true false

  注:

    IE在等标签下 input[name='checkboxName'][checked] 选择会失效。

    建议使用:$("[name='checkboxName']:checked") 

    可以使用 $("input:checked[name='checkboxName']")这种效率虽然略差但稳定的方法。

 B 选中或者设置值:

        1. 文本框

        $("#textbox_id").val( value );

        2. 单选框

         $(" input[name= 'sex' ][value= '"+value+"' ]").attr("checked", "checked");

         $(" input[name= 'sex' ]").get(index).checked=true;

    

       3. 下拉选择框

       $("#select_id").val(value);

       $("#sel").empty(); 清除下拉列表值

        4. 多选框

        $("#checkbox_id").attr("checked",true);

转:https://www.cnblogs.com/x116/articles/1454217.html



推荐阅读
  • 网址:https:vue.docschina.orgv2guideforms.html表单input绑定基础用法可以通过使用v-model指令,在 ... [详细]
  • Ihavethefollowingonhtml我在html上有以下内容<html><head><scriptsrc..3003_Tes ... [详细]
  • 本文介绍了绕过WAF的XSS检测机制的方法,包括确定payload结构、测试和混淆。同时提出了一种构建XSS payload的方法,该payload与安全机制使用的正则表达式不匹配。通过清理用户输入、转义输出、使用文档对象模型(DOM)接收器和源、实施适当的跨域资源共享(CORS)策略和其他安全策略,可以有效阻止XSS漏洞。但是,WAF或自定义过滤器仍然被广泛使用来增加安全性。本文的方法可以绕过这种安全机制,构建与正则表达式不匹配的XSS payload。 ... [详细]
  • angular.element使用方法及总结
    2019独角兽企业重金招聘Python工程师标准在线查询:http:each.sinaapp.comangularapielement.html使用方法 ... [详细]
  • 点击后defaultEducation的值明明改变了,但props传给子组件却watch不到 ... [详细]
  • 前端库Bootstrap框架:「11]使用 span 创建行内元素
    前端库Bootstrap框架:「11]使用 span 创建行内元素 ... [详细]
  • 本篇文章为大家展示了input语句的作用有哪些,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。HTML标签 ... [详细]
  • 目录实现效果:实现环境实现方法一:基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]
  • 本文介绍了南邮ctf-web的writeup,包括签到题和md5 collision。在CTF比赛和渗透测试中,可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型,可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]
  • Html5-Canvas实现简易的抽奖转盘效果
    本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果,同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码,并展示了实现的基本效果。 ... [详细]
  • 李逍遥寻找仙药的迷阵之旅
    本文讲述了少年李逍遥为了救治婶婶的病情,前往仙灵岛寻找仙药的故事。他需要穿越一个由M×N个方格组成的迷阵,有些方格内有怪物,有些方格是安全的。李逍遥需要避开有怪物的方格,并经过最少的方格,找到仙药。在寻找的过程中,他还会遇到神秘人物。本文提供了一个迷阵样例及李逍遥找到仙药的路线。 ... [详细]
  • 本文介绍了Codeforces Round #321 (Div. 2)比赛中的问题Kefa and Dishes,通过状压和spfa算法解决了这个问题。给定一个有向图,求在不超过m步的情况下,能获得的最大权值和。点不能重复走。文章详细介绍了问题的题意、解题思路和代码实现。 ... [详细]
  • STL迭代器的种类及其功能介绍
    本文介绍了标准模板库(STL)定义的五种迭代器的种类和功能。通过图表展示了这几种迭代器之间的关系,并详细描述了各个迭代器的功能和使用方法。其中,输入迭代器用于从容器中读取元素,输出迭代器用于向容器中写入元素,正向迭代器是输入迭代器和输出迭代器的组合。本文的目的是帮助读者更好地理解STL迭代器的使用方法和特点。 ... [详细]
  • 用Vue实现的Demo商品管理效果图及实现代码
    本文介绍了一个使用Vue实现的Demo商品管理的效果图及实现代码。 ... [详细]
  • 相关的部分代码如下 ... [详细]
author-avatar
吟荣wekenbo
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有