如图,需要有一个可点击的小圆点(是radio类型吗?),点一下选择后,后面的下拉菜单才可用。再点一下,就如同图中第二排,后面下拉菜单被禁用。
想问一下这个圆点是什么类型的?通过怎样方式来控制后面的下拉单的可使用状态?
如图,需要有一个可点击的小圆点(是radio类型吗?),点一下选择后,后面的下拉菜单才可用。再点一下,就如同图中第二排,后面下拉菜单被禁用。
想问一下这个圆点是什么类型的?通过怎样方式来控制后面的下拉单的可使用状态?
<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>