選項切換,通過data-val值切換

1
2
3
4
5
<div class="set-radio">
    <span data-val="1" class="active">切換1</span>
    <span data-val="2">切換2</span>
    <input type="hidden" value="切換1"/>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$(function () {
      // 狀態選擇
      $(".set-radio span").click(function () {
        $(this).addClass("active").siblings().removeClass("active");
        var tt = $(this).html();
        if($(this).hasClass("active")){
          $(this).siblings("input").val(tt);
        }
        else {
          return false;
        }

      });
      $(".set-radio span").click(function () {
        //切換
        var buju = $(this).data("val");
        if(buju == 1){
          //當值為1時執行
        }
        else if (buju == 2) {
         //當值為2時執行
        }
      })
    })

未經允許不得轉載:小網站 » 選項切換,通過data-val值切換

贊 (1)

評論 0

  • 昵稱 (必填)
  • 郵箱 (必填)
  • 網址
丧尸之战2丧尸来袭电影
国家福利彩票北京快乐8开奖号码 2012年体彩7星彩开奖 广东快乐十分软件app苹果 重庆时时彩五十期走势图 江西时时事件结果 幸飞艇走势技巧规律与公式 广西快乐十分走势图开奖走势图 五福彩票下载通用版 今天快乐十分开奖 北京快三走势图基本走势 广西快乐十分开奖搜索 四川快乐12任五最遗漏4大1小 极速时时太假了 河北时时开奖结果 安徽时时快3规则 浙江快乐12下载