qq_42293082
tyrandoupup
2019-04-25 11:40
采纳率: 27.3%
浏览 785

html input的type类型的选择

图片说明

如图,需要有一个可点击的小圆点(是radio类型吗?),点一下选择后,后面的下拉菜单才可用。再点一下,就如同图中第二排,后面下拉菜单被禁用。





想问一下这个圆点是什么类型的?通过怎样方式来控制后面的下拉单的可使用状态?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • qq_36442647
    qq_36442647 2019-04-25 12:56
    已采纳
    <input id="Radio1" type="radio" name="radio" onclick="change(1)" />
    <select id="Select1" disabled>
        <option></option>
    </select><br/>
    <input id="Radio2" type="radio" name="radio" onclick="change(2)" />
    <select id="Select2" disabled>
        <option></option>
    </select><br />
    <input id="Radio3" type="radio" name="radio" onclick="change(3)" />
    <select id="Select3" disabled>
        <option></option>
    </select><br />
    <input id="Radio4" type="radio" name="radio" onclick="change(4)" />
    <script>
        function change(id) {
            document.getElementById("Select1").setAttribute("disabled", "disabled");
            document.getElementById("Select2").setAttribute("disabled", "disabled");
            document.getElementById("Select3").setAttribute("disabled", "disabled");
            var Radio = document.getElementById("Select" + id);
            Radio.removeAttribute("disabled");
        }
    </script>
    
    点赞 评论
  • as_csdn
    代码的灵魂是bug! 2019-04-25 11:53

    首先,单选肯定是radio类型,要想控制后面的下拉菜单的可用和不可用,可以判断当前radio的选中状态,如果选中就让下拉菜单可用,没选就不可用,当然,事先需要将下拉菜单设置为不可用

    点赞 评论
  • zk333
    zk333 2019-04-25 13:28

    使用radio,然后用js根据radio值控制后面的下拉框

    点赞 评论
  • yixinxiangchen
    yixinxiangchen 2019-04-26 08:21

    type类型肯定是radio无疑。先禁用后面的type="text"的框为disabled=true,用js控制,if前面的圆点被选中时将disabled设为block,注意还要else一下disabled=true。

    点赞 评论

相关推荐