jquery 操作控制項

2021-05-22 02:02:30 字數 3582 閱讀 2126

//取得下拉列表的選取值

$('#testselect option:selected').text();

或$("#testselect").find('option:selected').text();

或$("#testselect").val();

//記性不好的可以收藏下:

1,下拉框:

稍微解釋一下:

1.select[@name='country'] option[@selected] 表示具有name 屬性,

並且該屬性值為'country' 的select元素 裡面的具有selected 屬性的option 元素;

可以看出有@開頭的就表示後面跟的是屬性。

2,單選框:

$("input[@type=radio][@checked]").val();   //得到單選框的選中項的值(注意中間沒有空格)

$("input[@type=radio][@value=2]").attr("checked",'checked'); //設定單選框value=2的為選中狀態.(注意中間沒有空格)

3,核取方塊:

$("input[@type=checkbox][@checked]").val(); //得到核取方塊的選中的第一項的值

$("input[@type=checkbox][@checked]").each(function());

$("#chk1").attr("checked",'');//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined){} //判斷是否已經打勾

當然jquery的選擇器是強大的. 還有很多方法.

aaass 11

2233

4455

66jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關獲取一組radio被選中項的值

var item = $('input[@name=items][@checked]').val();

獲取select被選中項的文字

var item = $("select[@name=items] option[@selected]").text();

select下拉框的第二個元素為當前選中值

$('#select_id')[0].selectedindex = 1;

radio單選組的第二個元素為當前選中值

$('input[@name=items]').get(1).checked = true;

獲取值:

文字框,文字區域:$("#txt").attr("value");

多選框checkbox:$("#checkbox_id").attr("value");

單選組radio: $("input[@type=radio][@checked]").val();

下拉框select: $('#sel').val();

控制表單元素:

文字框,文字區域:$("#txt").attr("value",'');//清空內容

$("#txt").attr("value",'11');//填充內容

多選框checkbox: $("#chk1").attr("checked",'');//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾

單選組radio: $("input[@type=radio]").attr("checked",'2');//設定value=2的專案為當前選中項

下拉框select: $("#sel").attr("value",'-sel3');//設定value=-sel3的專案為當前選中項

$("1111

獲取一組radio被選中項的值

var item = $('input[@name=items][@checked]').val();

獲取select被選中項的文字

var item = $("select[@name=items] option[@selected]").text();

select下拉框的第二個元素為當前選中值

$('#select_id')[0].selectedindex = 1;

radio單選組的第二個元素為當前選中值

$('input[@name=items]').get(1).checked = true;

獲取值:

文字框,文字區域:$("#txt").attr("value");

多選框checkbox:$("#checkbox_id").attr("value");

單選組radio: $("input[@type=radio][@checked]").val();

下拉框select: $('#sel').val();

控制表單元素:

文字框,文字區域:$("#txt").attr("value",'');//清空內容

$("#txt").attr("value",'11');//填充內容

多選框checkbox: $("#chk1").attr("checked",'');//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾

單選組radio: $("input[@type=radio]").attr("checked",'2');//設定value=2的專案為當前選中項

下拉框select: $("#sel").attr("value",'-sel3');//設定value=-sel3的專案為當前選中項

$("1111

獲取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清空 select:

$("#ddlregtype ").empty();

select 選中$("#id").val(value)

控制項的 jquery 操作

由於jquery的版本更新很快,的寫法也改變了許多,以下jquery 適query1.4版本以上 1.獲取選中值,三種方法都可以 input radio checked val input type radio checked val input name rd checked val 2.設定第乙...

JQuery操作表單控制項

1.jquery操作radio 1.jquery判斷哪個radio被選中 radio1 radio2 2.jquery選中取消乙個radio radio3 4.jquery獲取radio的值 radio4 jquery操作select 1.jquery判斷哪個option被選中,並且獲取該值12 3...

JQuery控制項

一 my97日期控制項 控制項名 my97datepicker wdatepicker.js 如何使用 1.在使用該日期控制項的檔案中加入js庫 僅這乙個檔案即可,其他檔案會自動引入,請勿刪除或改名 如下 注 src datepicker wdatepicker.js 請根據你的實際情況改變路徑 2...