JQUERY点击选择INPUT

问题描述

问 题

<div class="box">
    <p>按标题<input type='radio' name='radio1' value='1' checked /></p>
    <p>按作者<input type='radio' name='radio2' value='2' /></p>
</div>

代码如上，按标题和按作者，默认显示按标题一个并checked，点击显示两个，如果点击按作者隐藏按标题并选择checked当前项，点按标题隐藏按作者，总之不论点击哪个隐藏另一个并checked选择该项。再点击还是显示两个，因为代码的固定，只能用INPUT不能用SELECT，说得有点乱，- -，还请谅解，希望能够帮我解决下这个问题，非常感谢！~

解决方案

js代码不贴一下吗

    <div class="box">
           <p>按标题<input type='radio' name='radio1' value='1' checked /></p>
        <p>按作者<input type='radio' name='radio1' value='2' /></p>
    </div>

    $(function(){
        var flag=true;
        $('.box').find('input').each(function(){
            $(this).click(function(){
                if(flag==true){
                    $('.box').find('input').parent().hide();
                    $(this).parent().show()
                    flag=false;
                    console.log(flag)
                }else if(flag==false){
                    $('.box').find('p').show();
                    flag=true
                    console.log(flag)
                }
            })
        })
    })

这篇关于JQUERY点击选择INPUT的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！