Jquery對一些常用控制項的取值、賦值

來源:互聯網
上載者:User

//文字框,文本地區: 

textbox:
var str = $('#txt').val();

 $('#txt').val("Set Lbl Value");

 $("#text_id").attr("value",'');//清空內容

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

 

lable:  

var str = $('#lbl').text();

$('#lbl').text("Set Lbl Value");

 

/*擷取選項按鈕的值*/  

var valradio = $("input[@type=radio]:checked").val();

/*擷取一組名為(items)的radio被選中項的值*/  

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

 

/*擷取複選框的值*/

varcheckboxval = $("#checkbox_id").attr("value");

 ===============

/*擷取下拉式清單的值*/  

var selectval = $('#select_id').val();

 

//多選框checkbox:

$("#chk_id").attr("checked",'');

//使其未勾選

$("#chk_id").attr("checked",true);

//勾選

if($("#chk_id").attr('checked')==true)

//判斷是否已經選中

  

單選組radio:

$("input[@type=radio]").attr("checked",'2');

//設定value=2的項目為當前選中項

 

//下拉框select:

$("#select_id").attr("value",'test');

//設定value=test的項目為當前選中項

$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")

//添加下拉框的option

$("#select_id").empty();//清空下拉框

 

擷取一組名為(items)的radio被選中項的值

var item = $('input[@name=items][@checked]').val();//若未被選中
則val() = undefined

 

擷取select被選中項的文本

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

 

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

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

 

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

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

 

//重設表單

$("form").each(

  function(){   .

      reset();

});

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

JQuery AjAx調用常用方法

$(document).ready(
function(){
$("#txtPass").bind("blur",
function(){
if($("#txtPass").val()=="")
{
 alert("不可為空!");
}
else
{
 $.ajax({type:"get",
url:"ajax.aspx",data:"id="+escape($("#txtPass").val())+"", success:function(data){
 if(data=="ok"){
 alert("金培龍恭喜您JQuery AJAX調用成功!");
 }
 else{
  alert("失敗!");
 }
 }
 }
 );}});});

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.