`
pure1202
  • 浏览: 60014 次
  • 性别: 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插件库(jquery.treeview插件库)

    jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)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.4.1_jquery_3.4.1.js_jquery-3.4.1_sangat1_jquery3.4.1_jq

    "jquery-3.4.1_sangat1_jquery3.4.1"可能指的是一个特定的项目或者命名约定,"sangat1"可能是项目名或者是个人开发者的名字,而"jquery3.4.1"是jQuery库的另一种写法,它们都指向同一种资源——jQuery 3.4.1。...

    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-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-...

    jQuery1.12.4+jQuery中文手册.rar

    **jQuery 1.12.4 知识点详解** jQuery 是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。在本压缩包中,我们有两个版本的jQuery核心库文件:`jquery-1.12.4.js` 和 `jquery...

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

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

    Jquery多选下拉列表插件jquery multiselect

    **jQuery Multiselect插件详解** 在网页开发中,我们经常需要处理用户的选择操作,特别是当选项较多时,传统的HTML `&lt;select&gt;` 元素显得不够友好。为此,jQuery提供了一个强大的多选下拉列表插件——jQuery ...

    jquery-1.11.0+jquery-UI-1.10.4

    《jQuery 1.11.0与jQuery UI 1.10.4:经典组合的深度解析》 在Web开发领域,jQuery与jQuery UI是两个不可或缺的重要库,它们极大地简化了JavaScript的DOM操作和用户界面设计。本篇将深入探讨jQuery 1.11.0与jQuery ...

    开发工具 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插件库大全(200个).zip

    jquery插件库大全(200个): jqueryQQ表情插件 jquery下拉菜单导航 jquery下拉菜单栏 jquery仿Windows系统选中图标效果 jquery仿京东商品详情页图片放大效果 jquery仿百度新闻焦点轮播 jquery分离布局模版 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+实现烟花特效前端+...

    Java Web Jquery表单验证

    编写基于Jquery的表单验证插件 Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write....

    jquery-2.1.1.js 、jquery-2.1.1.min.js 【jquery包 js】

    《jQuery 2.1.1:JavaScript 的强大库》 jQuery 是一个广泛应用于网页开发的JavaScript库,它的出现极大地简化了JavaScript的复杂性,使得网页交互变得更加简单和高效。在这个主题中,我们将深入探讨jQuery 2.1.1...

    [jQuery实战第二版].pdf

    ### jQuery实战第二版知识点概述 #### 一、书籍基本信息与评价 - **书籍名称**:《jQuery实战第二版》(jQuery in Action, Second Edition) - **作者**:Bear Bibeault 和 Yehuda Katz - **出版商**:MANNING - **...

    jQuery.mmenu-jquery.mobile最好看的侧边菜单

    **jQuery.mmenu与jQuery Mobile:打造最佳侧边菜单** jQuery.mmenu是一款强大的JavaScript插件,专为构建响应式、交互式的侧边菜单而设计。它与jQuery Mobile框架结合使用,可以创造出用户界面(UI)中最具吸引力的...

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

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

    jquery-2.0.3.js和jquery-2.0.3.min.js

    《jQuery 2.0.3:JavaScript库的里程碑版本》 在JavaScript的世界里,jQuery以其易用性、高效性和广泛支持的特性,成为了开发者们最钟爱的库之一。本篇将深入探讨jQuery 2.0.3这个特定版本,以及它在Web开发中的...

Global site tag (gtag.js) - Google Analytics