我需要关于下一步 JS 做什么的帮助 [关闭]

Question

             <form>
               <input type="radio" name="gender" value="Male">Male </br>
               <input type="radio" name="gender" value="Female"> Female
             </form>

示例：当我检查男装时，我会去导航并选择服装，这样它会整理出服装中显示的东西都是男装，反之亦然

sample html

sample navigation after choosing male or female

Answer 1

这对你有帮助

        <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
        <form>
          <input id="male" type="radio" name="gender"value="Male">Male
          <input id="female" type="radio" name="gender" value="Female">Female
        </form>

        <li>
        <a id="accesory" href="accesroy">Accesory</a>
          <a id="maleapparel" style="display:none" href="maleapparellink">Male Apparel</a>
          <a id="femaleapparel" style="display:none" href="femaleapparellink">Female Apparel</a>
        </li>

    <---js--->
    <script>
$(document).on('click','#male',function(){
    $("#accesory").hide();
        $("#femaleapparel").hide();
        $("#maleapparel").show();
    });
    $(document).on('click','#female',function(){
            $("#accesory").hide();
        $("#maleapparel").hide();
        $("#femaleapparel").show();
    });
</script>
    <---js--->