選項切換,通過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

  • 昵稱 (必填)
  • 郵箱 (必填)
  • 網址

如果覺得文章有用就支持一下~

支付寶掃一掃打賞

微信掃一掃打賞

什么是期货平台 青海快三走势 时时彩大小单双软件 吉林时时电子走势图 今天快乐10分开奖结果 快乐扑克走势 大家发一肖一码免费公开资抖 新疆11选5开奖5结果 上海快3和值走勢 陕西省快乐十分基础走势图 360老时时4星技巧