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

  • 相关阅读:
    K近邻(K Nearest Neighbor-KNN)原理讲解及实现
    Bisecting KMeans (二分K均值)算法讲解及实现
    KMeans (K均值)算法讲解及实现
    NodeJs使用async让代码按顺序串行执行
    NodeJs递归删除非空文件夹
    NodeJs之配置文件管理
    NodeJs针对Express框架配置Mysql进行数据库操作
    在Express中使用Multiparty进行文件上传及POST、GET参数获取
    Linux操作命令
    SftpUtil FTP文件上传
  • 原文地址:https://www.cnblogs.com/qfcndtt/p/2760691.html
Copyright © 2020-2023  润新知