妝點居家生活!專營各式窗簾、拉門、壁紙等
打造專屬於您的精緻空間,歡迎洽詢
百葉窗系統家具櫥櫃設計專家,應用範圍涵蓋客廳
廚房、臥室等,高品質把關,歡迎選購!

首頁  •  tw 論壇 • 程式設計討論     • 

[JQuery] radiobox取值,checkbox取值,radio選中,

房東:阿凱
發表時間:2011-02-20
[檢舉]



jquery radiobox取值,checkbox取值,radio選中,checkbox選中,select選中,及其相關



 




  • textbox

    $("#text").val(); //get

    $("#text").val("hi"); //set

  • radiobox

    取被選中值

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

    //or $(\'input[name=items]:checked\').val();




    使第二個radiobox被選中 (無法用在checkbox上)

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



    單選組radio

    $("input[@type=radio]").attr("checked",\'2\');//設置value=2的項目為當前選中項



    取得多組 (:enabled, :disabled,:selected都同方法)

    $(\'input:checked\').each(funciton(){

       ...

    });

    //:select 方法差不多,不過多個option

    $("select option:selected").each(function () {

       ...

    });

  • checkbox

    checkbox取值,給值

    alert($("#checkbox").attr("checked")); //是否勾選 true or false

    $("#checkbox").attr("checked",false);//不打勾

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




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

$("11112222").appendTo("#sel")//添加下拉框的option





事件

用click 觸發改變事件(用change 還得再點旁邊才會觸發)

$("input[name=\'RadtioName\']").click(function(){

});





  • 贊助網站       

    廣利不動產-板橋在地生根最實在--新板特區指名度最高、值得您信賴的好房仲
    完整房訊,房屋、店面熱門精選物件,廣利不動產 優質仲介,房屋租賃、買賣資訊透明,交易真安心!
    廣利不動產-新板特區指名度最高、值得您信賴的好房仲
    您的托付,廣利用心為您服務

  • 1 樓住戶:小強
    發表時間:2011-02-24
    [檢舉]

    獲取一組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的項目為當前選中項

    $("11112222″).appendTo("#sel")//添加下拉框的

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




     共 1 人回應  選擇頁數 【第1 頁】 

    姓名:
    佈告內容: