zoukankan      html  css  js  c++  java
  • jQuery对下拉框、单选框、多选框的处理

    下拉框

     1 //得到下拉菜单的选中项的文本(注意中间有空格)
     2 var cc1 = $(".formc select[@name='country'] option[@selected]").text();
     3 
     4 //得到下拉菜单的选中项的值
     5 var cc2 = $('.formc select[@name="country"]').val();
     6 
     7 //得到下拉菜单的选中项的ID属性值
     8 var cc3 = $('.formc select[@name="country"]').attr("id");
     9 
    10 //清空下拉框//
    11 $("#select").empty();$("#select").html('');
    12 
    13 //添加下拉框的option
    14 $("<option value='1'>1111</option>").appendTo("#select")

    单选框

    1 //得到单选框的选中项的值(注意中间没有空格)
    2 $("input[@type=radio][@checked]").val();
    3 
    4 //设置单选框value=2的为选中状态.(注意中间没有空格)
    5 $("input[@type=radio][@value=2]").attr("checked",'checked');

    复选框

     1 //得到复选框的选中的第一项的值
     2 $("input[@type=checkbox][@checked]").val();
     3 
     4 //由于复选框一般选中的是多个,所以可以循环输出
     5 $("input[@type=checkbox][@checked]").each(function(){
     6         alert($(this).val());
     7 });
     8 
     9 //不打勾
    10 $("#chk1").attr("checked",'');
    11 
    12 //打勾
    13 $("#chk2").attr("checked",true);
    14 
    15 //判断是否已经打勾
    16 if($("#chk1").attr('checked')==undefined){}
  • 相关阅读:
    java_day20_Servlet
    前端_day08_定位
    前端_day07_浮动和清除浮动
    前端_day06_CSS选择器
    前端_day05_HTML常见标签
    数据库_day06_多表查询,子查询,事务,sql注入
    java_day19_MVC和配置文件
    chrome更新flash player失败
    jar打包命令使用
    win7开启远程桌面服务
  • 原文地址:https://www.cnblogs.com/CHEUNGKAMING/p/4081068.html
Copyright © 2011-2022 走看看