jQuery:取值

  1. textbox
    $("#text").val();//取值
    $("#text").val("Hello World");//給值
  2. radiobox
    1. 取得選中值:$("input[name=gender]:checked").val();
    2. 使第N個radiobox被選中:
      $("input[name=gender]").eq(N).checked = true;

      $("input[type=radio]").eq(N).attr("checked",true);
    3. 觸發click事件:
      $("input[type=radio]").eq(N).trigger(‘click’);
      $("input[type=radio]").eq(N).attr("checked",true).trigger(‘click’);
    4. 取得多組 (:enabled, :disabled,:selected都同方法)
      $("input:checked").each(funciton(){…});
      $("select option:selected").each(function () {…});
  3. checkbox
    if($("#checkbox").prop("checked"));//判斷是否勾選

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

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

    var checkedValue = $(‘input:checkbox[name=leave_type][checked=checked]‘).map(function(){ return $(this).val(); }).get().join(‘,’); //取值

    var mode = $("#mode").prop("checked") ? 1 : 0;
    var enable = $("input[name=enable]:checked").val();

  4. select
    $("select[name=select_name]").find(":selected").val();
    $("#sel").attr("value","2013″);//設置value=2013的項目為當前選中項
    $("2014″).appendTo("#sel");//添加下拉選單option
  5. click事件
    <input name="Name" value="John">
    $("input[name='RadioName']").click(function(){
    $(this).val();
    });
本篇發表於 Jquery。將永久鏈結加入書籤。

發表迴響

您的電子郵件位址並不會被公開。 必要欄位標記為 *

*

您可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>