在Jquery中获取活动选项卡值

时间:2017-02-08 17:29:29

标签: jquery

我有以下代码。

<fieldset>
   <label>Work Order For <span class="req">
    <span class="gray">(choose one)</span>*</span>
   </label>
    <ul class="multi-list tabs">
        <li id="resident-tab" class="width-33 selected"><a data-href=".tab-1" onclick="setResidentPropertyUnitTab( '1' )">Resident</a></li>
        <li id="unit-tab" class="width-33 "><a data-href=".tab-2" class="even" onclick="setResidentPropertyUnitTab( '0' )">Unit</a></li>
        <li id="property-tab" class="width-33 "><a class="last" data-href=".tab-3" onclick="setResidentPropertyUnitTab( '2' )">Property</a></li>
      </ul>
     <div class="tabs-content">
       <div class="tab-1">
  <fieldset>
     <label>Permission To Enter</label>
     <div class="switch bg-green" id="js-permission-to-enter">
       <ul>
           <li><span>YES</span></li>
           <li><span>NO</span></li>
       </ul>
        <span class="switcher on">II</span>
        <input name="maintenance_request[permission_to_enter]" value="1" id="permission_to_enter" type="hidden">
   </div>
 </fieldset>
 </div>
   <div class="tab-2 hide" id="buildingUnit">
      <fieldset>
           <label>Permission To Enter</label>
           <div class="switch js-permission-to-enter bg-red">
             <ul>
               <li><span>YES</span></li>
                <li><span>NO</span></li>
             </ul>
            <span class="switcher off">II</span>
        </div>
            <input name="maintenance_request[permission_to_enter]" value="0" id="permission_to_enter" type="hidden">
 </fieldset>
  </div>

我希望选中multi_tabs的活动标签值。一次只选择一个选项卡,从选定的选项卡我想要使用jQuery的#permission_to_enter变量值。

1 个答案:

答案 0 :(得分:-1)

您可以在jquery和数据属性

中轻松实现使用选择器
$($('.selected a').data("href")+' #permission_to_enter').val()

上面的代码会返回活动标签的permission_to_enter输入值。