• 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);

  • 相关阅读:
    BZOJ 1096: [ZJOI2007]仓库建设
    【BZOJ1008】越狱(排列组合计数,容斥原理)
    【BZOJ1403】Divisibility Testing(数论)
    【BZOJ1225】求正整数(数论)
    高精度模板(From JCVB)
    【NOIP模拟&POJ2152】灰色的果实(树形DP)
    【BZOJ2560】串珠子(状压DP,容斥原理)
    【POJ1185】炮兵阵地(状压DP)
    【POJ3254】Corn Fields(状压DP)
    【POJ3311】Hie with the Pie(状压DP,最短路)
  • 原文地址:https://www.cnblogs.com/qfcndtt/p/2760691.html
Copyright © 2020-2023  润新知