跳跃单选按钮

时间:2018-10-03 15:17:46

标签: javascript arrays

我需要制作“跳跃单选按钮”。检查第一个单选按钮,禁用其余功能,我必须将他向右推3个位置。 我已经用输入声明了数组,但是我不知道如何编码它们以使它们移动

1 个答案:

答案 0 :(得分:0)

如果我单击第一个单选按钮,则其余三个单选按钮将被禁用,并且三个单选按钮也将移至右侧。

您可以直接运行此代码。

希望,您想要这个。如果不是这样,请详细说明您的问题。

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                $("#first").click(function(){
                    $("#second").attr("disabled",true);
                    $("#third").attr("disabled",true);
                    $("#fourth").attr("disabled",true);
                    $(".move").css({"position":"relative", "margin-left":"100px"});
                });
            });
        </script>
    </head>
    <body>
        <div class="command">
            <form method="post" action="traitement.php">
                <input type="radio" name="first" id="first"> first</br></br>
                <div class="move">
                    <input type="radio" name="second" id="second"> second</br></br>
                    <input type="radio" name="third" id="third"> third</br></br>
                    <input type="radio" name="fourth" id="fourth"> fourth</br></br>
                </div>
            </form>
        </div>
    </body>
</html>

谢谢