jquery

最新推荐文章于 2022-11-16 10:54:32 发布

原创最新推荐文章于 2022-11-16 10:54:32 发布 · 147 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #Firefox #JavaScript #ViewUI

应用专栏收录该内容

23 篇文章

订阅专栏

$("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;}