Javascript 带动作的切换按钮

我使用了一段代码来创建一个切换按钮（开/关开关）以用于特定功能。该功能包括在按钮从一个切换到另一个时，屏幕必须将数据显示为选项卡或全部。 如何获取切换开关时单击的值

这是html：

<div class="onoffswitch">
 <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" checked> 
   <label class="onoffswitch-label" for="myonoffswitch"> 
     <span class="onoffswitch-inner"></span> 
     <span class="onoffswitch-switch"></span>
   </label>
</div>

文本必须位于左右两侧的开关外部。标签位于左侧，所有标签位于右侧

---

我如何才能获得所选内容并相应地显示内容？

我不确定我是否清楚地理解了您的问题。我已经更新了您的JSFIDLE，并在下面提到。这是你想要的吗

$('#myonoffswitch').click(function(){
$('.tab').hide();
if($('#myonoffswitch').attr('checked') == "checked")
{
   $('#yes').show();  
}
else
{
    $('#no').show();
}
//alert($('#myonoffswitch').attr('checked'));
});

很难理解你的问题。你能不能详细说明或者创建一个jsfiddle.jsfiddle：当开关在左边时，它应该选择tab，下面的内容应该改变，当开关在右边时也是一样。但是我如何获得所选内容的价值呢？是的，这或多或少就是我所寻找的。我可以根据需要修改它。谢谢：）如果你同意我的答案，请放弃投票或选择它作为答案。请用一句话解释以改进你的答案。
$('#myonoffswitch').click(function(){
$('.tab').hide();
if($('#myonoffswitch').attr('checked') == "checked")
{
   $('#yes').show();  
}
else
{
    $('#no').show();
}
//alert($('#myonoffswitch').attr('checked'));
});

<?php if((@$personal_expense_itemize=="Y")||(@$personal_expense_itemize=="on")){
    $checked = 'checked';
}?>

<div>
        <div class="onoffswitch">
        <input id="myonoffswitch" class="onoffswitch-checkbox" name="personal_expense_itemize" type="checkbox" <?php echo @$checked;?>>
        <label for="myonoffswitch" class="onoffswitch-label">
        <div class="onoffswitch-inner"></div>
        <div class="onoffswitch-switch"></div>
        </label>
        </div> 
        </div>