選項切換,通過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丧尸来袭电影
华人网3肖6码 内部人员揭秘ag录像 分时指标公式 冠通棋牌二人麻将安卓 3d一胆全拖组选多少钱 时时走势图龙虎和八方集团 时时彩为什么改为20分钟 360北京pk10走试图 2肖2码默认版块 足球14场胜负彩开奖结果 苏州e球彩论坛 龙虎斗押注口诀输5赢6 11选5在线预测 北京pk10计划软件 买11选5能赚钱吗 mg游戏中心官网