Question

我正在努力将div链接到单选按钮，我尝试下面的代码对我不起作用。

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
</head>

<body>
    <a href="#three">
        <input name="ROS_services" type="radio" id="display3">
    </a>
    <p>Display 3</p>

    <div id="one">
        <p>one</p>

    </div>
    <div id="two">
        <p>two</p>

    </div>
    <div id="three">
        <p>three</p>

    </div>
</body>

</html>

请提前感谢，请帮助我。

Answer 1

你在寻找这样的东西：

＆＃13;

div {
  display:none;
}

#display1[type=radio]:checked ~ #div1 {
   display:block;
}
#display2[type=radio]:checked ~ #div2 {
   display:block;
}
#display3[type=radio]:checked ~ #div3 {
   display:block;
}

＆＃13;

或者这个：

＆＃13;

    <input name="ROS_services" type="radio" name="display" id="display1" />
    <input name="ROS_services" type="radio" name="display" id="display2" />
    <input name="ROS_services" type="radio" name="display" id="display3" />

<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>

＆＃13;

{{1}}

＆＃13;

Answer 2

你需要在这里使用一些JavaScript。让我告诉你：

 // Place this before the </body> tag

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>    <script type="text/javascript">
    $("#radio-link").click(function () {
    window.location.href = "http://stackoverflow.com"; // Put your link here
    });
    </script>

 // And give an id to your radio input like this

    <input type="radio" id="radio-link">Text

Answer 3

下面的代码对我有用。

apt-get install

谢谢大家

将div链接到单选按钮

3 个答案: