zoukankan      html  css  js  c++  java
  • 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);

  • 相关阅读:
    django rest framework 去掉url尾部的斜杠
    django url 参数
    windows系统C盘显示100G已用完,全选所有的文件夹查看却只有50G?
    关于RESTful名字的含义
    tensorflow 之 tf.reshape 之 -1
    关于python cv2-1.0(ImportError: No module named cv2)
    spark元组的列表转化为字典
    python 中的list 转 array 以及 array 转 list 以及array.array numpy.array
    web 版processing显示图片
    网页版的processing
  • 原文地址:https://www.cnblogs.com/qfcndtt/p/2760691.html
Copyright © 2011-2022 走看看