小编50d*_*ote的帖子

我只是想使用一个简单的复选框,例如,旁边有一个复选框'Please check this',然后点击它时文本变为'Checked'

我一直在寻找一个简单的解决方案,但苦苦挣扎,无法弄清楚 - 尽管简单.

有人能帮助我吗？

基本上,我想要8个单选按钮.如果选择了一个单选按钮,则下面显示一个div.如果选择另一个按钮,则显示另一个div.一次只显示一个div,如果没有选择按钮(最初),则不显示div.

这是我的HTML,这是相当标准的,我不是试图根据我的需要改进它.

<form id='group'>
    <label><input type="radio" name="group1" class="sim-micro-btn"/></label>
    <label><input type="radio" name="group1" class="sim-mini-btn"/></label> 
    <label><input type="radio" name="group1" class="sim-maxi-btn"/></label>
    <label><input type="radio" name="group1" class="sim-mega-btn"/></label>
    <label><input type="radio" name="group1" class="phone-smart-micro-btn"/></label>
    <label><input type="radio" name="group1" class="phone-smart-mini-btn"/></label>
    <label><input type="radio" name="group1" class="phone-smart-btn"/></label>
    <label><input type="radio" name="group1" class="phone-smart-maxi-btn"/></label>
</form>

<div class="billpay-internet-add-ons">
    <div class="sim-micro-desktop">sim-micro</div>
    <div class="sim-mini-desktop">sim-mini</div>
    <div class="sim-maxi-desktop">sim-maxi</div>
    <div class="sim-mega-desktop">sim-mega</div>
    <div class="phone-smart-micro-desktop">phone-smart-micro</div>
    <div class="phone-smart-mini-desktop">phone-smart-mini</div>
    <div class="phone-smart-desktop">phone-smart</div>
    <div class="phone-smart-maxi-desktop">phone-smart-maxi</div>
</div>

然而这是我的剧本,它似乎相当忙乱,我想知道在我继续前进是否有办法做到这一点更简单？

$(document).ready(function(){
    $('.sim-micro-desktop').hide();
    $('.sim-mini-desktop').hide();
    $('.sim-maxi-desktop').hide();
    $('.sim-mega-desktop').hide();
    $('.phone-smart-micro-desktop').hide();
    $('.phone-smart-mini-desktop').hide();
    $('.phone-smart-desktop').hide();
    $('.phone-smart-maxi-desktop').hide();


    $('form#group').click(function(){
        if($('.sim-micro-btn').is(":checked")){
            $('.sim-micro-desktop').show();
        } else {
            $('.sim-micro-desktop').hide();
        }     

        if($('.sim-mini-btn').is(":checked")){
            $('.sim-mini-desktop').show();
        } else {
            $('.sim-mini-desktop').hide(); …

我有一个索引页面,上面有4个链接.让我们给他们数值1,2,3和4.

无论我点击什么链接,我都希望存储该链接的类,并在未来的所有页面上回显该值,直到我返回索引页面并重新开始.

因此,如果我单击链接2,将在该页面上显示2,但是如果我从第2页转到第4页,则将继续显示2.

对不起,缺乏代码或逻辑,大脑被炒了.

目前，我只是使用 jQuery 来设置一个复选框和一个文本，在选中复选框后文本会更改，但我正在尝试对其进行处理，以便可以单击框或文本，结果会更改为文本和选中框？

有人可以进一步帮助我吗？