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

  • 相关阅读:
    帝国cms字母导航功能制作教程
    HTML 学习
    DOM
    C# DataTable 使用原创
    GridView中编辑状态下实现DropDownList默认值(原创)
    C#精髓 GridView72大绝技(清清月儿)
    SQL注入攻击<收藏>
    Web网页安全色谱<收藏>
    GridView根据linkButton值不同跳转不同页面(原创)
    解决"Failed to access IIS metabase"
  • 原文地址:https://www.cnblogs.com/qfcndtt/p/2760691.html
Copyright © 2011-2022 走看看