`
pure1202
  • 浏览: 58778 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

jquery

阅读更多
$("input[type=radio][name=userName][value=2]").attr("checked",true);
$("#aa").html("sdsds");
$("#a")[0].innerHTML="aaa";
得到下拉列表text: $("#select1").find("option:selected").text();
得到单选按钮值:j_radio = $("input[name='radioName']:checked").val();
$("#labelID")[0].innerHTML="";

$('.ck_box').bind('click',function(){});
$("input[name='ck_box']").bind("propertychange", function(){});
$("#ck_box").bind("propertychange", function(){})


Jquery操作select:
//得到select项的个数      
jQuery.fn.size = function(){      
    return jQuery(this).get(0).options.length;      
}      
   
//获得选中项的索引      
jQuery.fn.getSelectedIndex = function(){      
    return jQuery(this).get(0).selectedIndex;      
}      
   
//获得当前选中项的文本      
jQuery.fn.getSelectedText = function(){      
    if(this.size() == 0) return "下拉框中无选项";      
    else{      
         var index = this.getSelectedIndex();            
        return jQuery(this).get(0).options[index].text;      
     }      
}      
   
//获得当前选中项的值      
jQuery.fn.getSelectedValue = function(){      
    if(this.size() == 0)       
        return "下拉框中无选中值";      
          
    else   
        return jQuery(this).val();      
}      
   
//设置select中值为value的项为选中      
jQuery.fn.setSelectedValue = function(value){      
     jQuery(this).get(0).value = value;      
}      
   
//设置select中文本为text的第一项被选中      
jQuery.fn.setSelectedText = function(text)      
{      
     var isExist = false;      
     var count = this.size();      
    for(var i=0;i<count;i++)      
     {      
        if(jQuery(this).get(0).options[i].text == text)      
         {      
             jQuery(this).get(0).options[i].selected = true;      
             isExist = true;      
            break;      
         }      
     }      
    if(!isExist)      
     {      
         alert("下拉框中不存在该项");      
     }      
}      
//设置选中指定索引项      
jQuery.fn.setSelectedIndex = function(index)      
{      
     var count = this.size();          
    if(index >= count || index < 0)      
     {      
         alert("选中项索引超出范围");      
     }      
    else   
     {      
         jQuery(this).get(0).selectedIndex = index;      
     }      
}      
//判断select项中是否存在值为value的项      
jQuery.fn.isExistItem = function(value)      
{      
     var isExist = false;      
     var count = this.size();      
    for(var i=0;i<count;i++)      
     {      
        if(jQuery(this).get(0).options[i].value == value)      
         {      
             isExist = true;      
            break;      
         }      
     }      
    return isExist;      
}      
//向select中添加一项,显示内容为text,值为value,如果该项值已存在,则提示      
jQuery.fn.addOption = function(text,value)      
{      
    if(this.isExistItem(value))      
     {      
         alert("待添加项的值已存在");      
     }      
    else   
     {      
         jQuery(this).get(0).options.add(new Option(text,value));      
     }      
}      
//删除select中值为value的项,如果该项不存在,则提示      
jQuery.fn.removeItem = function(value)      
{          
    if(this.isExistItem(value))      
     {      
         var count = this.size();              
        for(var i=0;i<count;i++)      
         {      
            if(jQuery(this).get(0).options[i].value == value)      
             {      
                 jQuery(this).get(0).remove(i);      
                break;      
             }      
         }              
     }      
    else   
     {      
         alert("待删除的项不存在!");      
     }      
}      
//删除select中指定索引的项      
jQuery.fn.removeIndex = function(index)      
{      
     var count = this.size();      
    if(index >= count || index < 0)      
     {      
         alert("待删除项索引超出范围");      
     }      
    else   
     {      
         jQuery(this).get(0).remove(index);      
     }      
}      
//删除select中选定的项      
jQuery.fn.removeSelected = function()      
{      
     var index = this.getSelectedIndex();      
    this.removeIndex(index);      
}      
//清除select中的所有项      
jQuery.fn.clearAll = function()      
{      
     jQuery(this).get(0).options.length = 0;      
} 




/**取消checkbox栏位选取*/$#news_top.attr"checked",false;$#news_top.attr"checked","";/**判断checkbox是否选取*/if$"#news_top".attr'checked'==undefined/**全选checkbox栏位,或者反向选取*/$"#clickAll".clickfunction{$"input[@name='news_top']".eachfunction{if$this.attr"checked"{$this.attr"checked",false;}else{$this.attr"checked",true;}};};/**checkbox的value值*/$'input[@name="news_top"][@checked]'.val;

== 获取一组radio被选中项的值 $("input[name='requestStatus']:checked").val();

jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作;1.假如我们有如下页面

获取一组radio被选中项的值$("input[name='requestStatus']:checked").val();HTML代码:select
option value="1"Flowers/option option
value="2"selected="selected"Gardens/option option
value="3"Trees/option/select jQuery代码:$("select
option:selected")结果:[option
value="2"selected="selected"Gardens/option]所以要取得选中值(value)可以这样:$("select
option:selected").val()//对应上例的结果是:2取得选中的文本:$("select
option:selected").text()//对应上例的结果是:Gardens JQuery获取和设置Select选项 获取Select:

获取select选中的text: $("#ddlRegType").find("option:selected").text();

获取select选中的value: $("#ddlRegType").val(); 获取select选中的索引:

$("#ddlRegType").get(0).selectedIndex; 设置select: 设置select选中的索引:

$("#ddlRegType").get(0).selectedIndex=index;//index为索引值

设置select选中的value: $("#ddlRegType").attr("value","Normal");

$("#ddlRegType").val("Normal"); $("#ddlRegType").get(0).value=value;

设置select选中的text: var count=$("#ddlRegType").size(); for(var i=0;i
count;i++){if($("#ddlRegType").get(0).options[i].text==text){$("#ddlRegType").get(0).options[i].selected=true;break;}}

清空Select: $("#ddlRegType").empty(); ===

在进行判断页面中的一组Radio是否选中与否的时候需要注意的是必须声明一个变量来进行判断而不能直接进行判断,如下所示: var
item=$(":radio:checked");var len=item.length; if(len 0){}//这是重点

注意这种写法是在firefox下才有的。这可能是firefox下的一个bug。

而得到一组Radio中的选中项的是:$(":radio:checked").val() == script
language="javascript"!--$(function(){var
input=$("#appDIV").find("input[type='radio']");input.attr("disabled","disabled");//input.eq(1).attr("checked",true);input.each(function(){if($(this).val()==2){$(this).attr("checked",true);}});});//--/script用div将三个radio套着!div
id="appDIV"style="width:500px;margin:0 auto;"input
type="radio"value="1"/input type="radio"value="2"/input
type="radio"value="3"//div ==

/*把select元件都归到选第一项*/$(this)[0].selectedIndex=0; function
CheckEmpty(){var item=$("input[name='RadioButtonList1']:checked");var
len=item.length;//if(len
0)if(item.attr('checked')==undefined){$('#RadioButtonList1_1').parent().find(".formtips").remove();var
errorMsg='请选择性别.';$('#RadioButtonList1_1').parent().append('span
class="formtips onError"'+errorMsg+'/span');

}else{$('#RadioButtonList1_1').parent().find(".formtips").remove();var
okMsg='输入正确.';$('#RadioButtonList1_1').parent().append('span
class="formtips onSuccess"'+okMsg+'/span');}//return bool;}
   Jquery radio/select选中问题2010-01-02 

19:08/**取消checkbox栏位选取*/$#news_top.attr"checked",false;

$#news_top.attr"checked","";

/**判断checkbox是否选取*/if$"#news_top".attr'checked'==undefined/**全选checkbox栏位,或者反向选取*/$"#clickAll".clickfunction{

$"input[@name='news_top']".eachfunction{
if$this.attr"checked"{
$this.attr"checked",false;

} else{
$this.attr"checked",true;
} 
} ;
} ;

/**checkbox的value值*/$'input[@name="news_top"][@checked]'.val;

== 获取一组radio被选中项的值 $("input[name='requestStatus']:checked").val();


jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作;

1.假如我们有如下页面 

获取一组radio被选中项的值$("input[name='requestStatus']:checked").val();

HTML代码:select 

option value="1"Flowers/option option 

value="2"selected="selected"Gardens/option option 

value="3"Trees/option/select jQuery代码:$("select
option:selected")结果:[option 

value="2"selected="selected"Gardens/option]所以要取得选中值(value)可以这样:$("select
option:selected").val()//对应上例的结果是:2取得选中的文本:$("select 

option:selected").text()//对应上例的结果是:Gardens JQuery获取和设置Select选项 获取Select:
获取select选中的text: $("#ddlRegType").find("option:selected").text();
获取select选中的value: $("#ddlRegType").val(); 获取select选中的索引:
$("#ddlRegType").get(0).selectedIndex; 设置select: 设置select选中的索引:
$("#ddlRegType").get(0).selectedIndex=index;//index为索引值
设置select选中的value: $("#ddlRegType").attr("value","Normal");
$("#ddlRegType").val("Normal"); $("#ddlRegType").get(0).value=value;
设置select选中的text: var count=$("#ddlRegType").size(); for(var i=0;i
count;i++){if($("#ddlRegType").get(0).options[i].text==text){$("#ddlRegType").get(0).options[i].selected=true;break;}}
清空Select: $("#ddlRegType").empty(); ===
在进行判断页面中的一组Radio是否选中与否的时候需要注意的是必须声明一个变量来进行判断而不能直接进行判断,如下所示: var
item=$(":radio:checked");var len=item.length; if(len 0){}//这是重点
注意这种写法是在firefox下才有的。这可能是firefox下的一个bug。
而得到一组Radio中的选中项的是:$(":radio:checked").val() == script
language="javascript"!--$(function(){var
input=$("#appDIV").find("input[type='radio']");input.attr("disabled","disabled");//input.eq(1).attr("checked",true);input.each(function(){if($(this).val()==2){$(this).attr("checked",true);}});});//--/script用div将三个radio套着!div
id="appDIV"style="width:500px;

margin:0 auto;

"input
type="radio"value="1"/input type="radio"value="2"/input
type="radio"value="3"//div ==
/*把select元件都归到选第一项*/$(this)[0].selectedIndex=0; function
CheckEmpty(){var item=$("input[name='RadioButtonList1']:checked");var
len=item.length;//if(len
0)if(item.attr('checked')==undefined){$('#RadioButtonList1_1').parent().find(".formtips").remove();var
errorMsg='请选择性别.';$('#RadioButtonList1_1').parent().append('span
class="formtips onError"'+errorMsg+'/span');
}else{$('#RadioButtonList1_1').parent().find(".formtips").remove();var
okMsg='输入正确.';$('#RadioButtonList1_1').parent().append('span
class="formtips onSuccess"'+okMsg+'/span');

} //return bool;} 

分享到:
评论

相关推荐

    jQuery源码 jQuery源码 jQuery源码

    jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码...

    jquery-3.7.0.min.js(jQuery下载)

    jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...

    jquery-3.3.1.js和jquery-3.3.1.min.js

    jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-...

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    1. 2款jQuery图片自动切换常用广告代码 2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. ...

    开发工具 jquery-1.11.3.min

    开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-...

    开发工具 jquery.dataTables.min

    开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery....

    前端+jQuery+实现烟花特效

    前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+...

    jquery1.7中文手册CHM文档(附jquery1.82chm手册)

    资源名称:jquery1.7 中文手册 CHM文档(附jquery1.82 chm手册)内容简介:因国内jquery中文手册更新太慢了,等了一段时间实在等不下去了,干脆自己动手做一个丰衣足食,时刻更新. 最后感谢Shawphy提供1.4.1版,jehn提供...

    jQuery打印插件jqprint,内包含使用示例

    jQuery打印插件jqprint,jquery.jqprint-0.3.js 下载,内包含使用示例,下载解压可直接在浏览器打开使用。 jQuery打印插件jqprint,jquery.jqprint-0.3.js 下载,内包含使用示例,下载解压可直接在浏览器打开使用。 ...

    orgchart.js 组织架构图之JQuery插件

    组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件...

    jquery1.2.3到3.3.1版本都有

    jquery1.2.3到3.3.1版本都有: jquery-1.10.2.min.js jquery-1.11.1.min.js jquery-1.11.3.min.js jquery-1.2.3.min.js jquery-1.3.2.min.js jquery-1.4.2.min.js jquery-1.4.4.min.js jquery-1.5.2.min.js jquery-...

    jQuery v2.1.4 官方版.zip

    jQuery2.1.4来自jQuery官方网站,jQuery2.1.4包括jQuery2.1.4和jQuery2.1.4压缩版,即:jQuery2.1.4.js和jQuery2.1.4.min.js,jQuery是流行的JS框架! jquery-2.1.4 (注!jquery-2.0以上版本不再支持IE 6/7/8) ...

    Jquery智能提示完整全部版本vsdoc.js

    jquery-1.3.2-vsdoc.js jquery-1.8.3.min.js jquery-1.3.2.min.js jquery-1.4.1-vsdoc.js jquery-1.4.1.min.js jquery-1.4.2-vsdoc.js jquery-1.4.2.min.js jquery-1.4.3-vsdoc.js jquery-1.4.3.min.js ...

    jQuery入门jQuery入门

    jQuery入门,jQuery入门,jQuery入门,jQuery入门

    jQuery API 3.3.1 中文手册

    jQuery API 3.3.1 中文手册,jQuery是一个JavaScript框架,自面世以来,以其快速、简洁,能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果等功能使多很多WEB编程者对其非常热爱,本手册旨在帮助广大...

    jquery插件库(jquery.treeview插件库)

    jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery....

    jQuery、jQueryUI及jQueryMobile技巧与示例

    资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...

    JQuery UI包括(1.0.5、1.2、1.3、1.7、1.8、1.9)等版本另附文档

    里面附有: 1.easyUI.rar; 2.jQuery and jQuery UI Reference 1.2 API.zip...9.jquery-ui-1.8.16.custom (jQuery 1.3.2以上版本适用不包含 jQuery 1.3.2).zip; 10.jquery-ui-1.9m3.zip; 11.jquery-ui-17custom.zip;

    jQuery基础.pptx

    JavaScript+jQuery 网页特效设计 jQuery(3.4.1)基础 1 jQuery简介 jQuery优势 jQuery安装 jQuery语法 1、jQuery简介 1.1 学习jQuery之前,需要以下基础知识 HTML CSS JavaScript 1、jQuery简介 1.2 什么是jQuery? ...

    jquery精简版jquery-small.js

    jquery 精简版 jquery 精简版 jquery 精简版jquery 精简版 jquery 精简版 jquery 精简版 jquery 精简版

Global site tag (gtag.js) - Google Analytics