勤奋菜鸟的天堂

导航

Html标签操作积累

1、Select标签
  (1)索引改变时激发事件onchange
  (2)获取select 选中的text : 
    $("#XXX").find("option:selected").text();
  (3)获取select选中的 value:
    $("#XXX").val();
  (4)设置select选中的索引: 
    $("#ddlregtype ").get(0).selectedindex;
  (5)设置select 选中的value:
    $("#ddlregtype ").attr("value","normal“);
    $("#ddlregtype ").val("normal");
    $("#ddlregtype ").get(0).value = value;

2、input checkbox标签

  上传:<input id="Chk1" name="chk" type="checkbox" value="1" />
  预览:<input id="Chk2" name="chk" type="checkbox" value="2" />
  外发:<input id="Chk3" name="chk" type="checkbox" value="4" />
  下载:<input id="Chk4" name="chk" type="checkbox" value="8" />

   (1)设置默认选中一项:
        $("#chkUpload").attr("checked", true);
       
        (2)全选
        $("[name=chk]:checkbox").attr("checked", true);
       
        (3)反选
        $("[name = chk]:checkbox").each(function() {
                $(this).attr("checked", !$(this).attr("checked"));
        });  

  (4) 获取选中的值(多选):
  var str = "";
  //循环选中的每个CheckBox 
  $('input[name="chk"]:checked').each(function(){  
    str += $(this).val();
  });
  alert(str);

  (5)判断指定选择框是否选中

  $("#Chk1").attr("checked");  选中返回值为true,未选为false

3、input radio(单选)

  <input  id="Radio1" name="R1" type="radio" value="1" />
  <input  id="Radio2" name="R1" type="radio" value="0" />

   (1)获取选中的值

  $('input[name="R1"]:checked').val();

  (2)取具体某个radio的值,如第二个:

  $('input[name="R1"]:eq(1)').val();

  (3)遍历,同checkbox标签;

  (4)赋值即设置选中

  $('input[name="R1"][value="1"]').attr("checked", true);

posted on 2012-11-08 16:58  勤奋的菜鸟  阅读(241)  评论(0编辑  收藏  举报