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

 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 < items.length; 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在<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">等标签下 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);

posted @   普若伽门  阅读(445)  评论(0)  编辑  收藏  举报
编辑推荐：
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行：
· 周边上新：园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试？测试工程师会被淘汰吗？
· 使用C#创建一个MCP客户端
点击右上角即可分享
微信分享提示
SQL AI 助手