您好我有一个小的问题,在HTML网页形式。我想制作一个网页表单,用户可以选择午餐选项,单选按钮“是”和“否”。如果“是”,则选择列表将激活并且用户可以选择午餐菜单。如何使用单选按钮与HTML中的选择列表
-1
A
回答
1
试试这个代码,
的jsfiddle https://jsfiddle.net/codotronix/hwssvzu4/
HTML
Want to have lunch? <br/>
<input type="radio" name="lunchOP" id="yesRadio" value="yes" checked="checked">Yes
<input type="radio" name="lunchOP" value="no">No
<br/>
<select id="lunchOptions">
<option>Lunch 1</option>
<option>Lunch 2</option>
<option>Lunch 3</option>
<option>Lunch 4</option>
</select>
jQuery的
$('input[type="radio"]').on('change', function(){
if($('#yesRadio').is(':checked')) {
$('#lunchOptions').show();
} else {
$('#lunchOptions').hide();
}
})
如果选择是,午餐地点选择框将是可见的,否则不是。
如果您想要与此不同的东西,请在评论中解释。
谢谢。
0
看看这个fiddle。
我已经使用jQuery,这使得它很容易实现。
以下是摘录。
$('.lunch').click(function() {
$('#food').show();
if ($(this).val() == 1) {
$('#food').removeAttr("disabled");
} else {
$('#food').attr("disabled", "disabled");
}
});
#food {
display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
Do you want Lunch ?
<br>
<input type="radio" name='lunch' value="1" class='lunch' />YES
<br>
<input type="radio" name='lunch' value="0" class='lunch' />NO
<br>
<select id='food'>
<option>PIZZA</option>
<option>BURGER</option>
<option>SAMOSA</option>
<option>KACHORI</option>
<option>POHE</option>
<option>DOSA</option>
</select>
+0
感谢大家现在的工作,感谢所有:) –
+0
这是一个很好的做法,“接受”有用的答案,因为它可以帮助未来访问此问题的每个人。 –
0
JavaScript解决方案。
看来你是js的新手,所以看看这个堆栈溢出链接,它肯定会帮助你,因为它有简单的javascript解决方案。
相关问题
- 1. 使用jQuery.eq()选择HTML单选按钮()
- 2. 如何在选择列表中选择单选按钮
- 3. HTML单选按钮选择
- 4. 如何取消选择表单中的单选按钮选择?
- 5. 修改PHP中的选择列表使用单选按钮
- 6. 如何选择selenium webdriver中的单选按钮?动态选择单选按钮
- 7. 在html表中使用单选按钮?
- 8. 我如何填写选择选项列表与选择不同的-2使用JavaScript的单选按钮
- 9. 如何使用Poltergeist选择与水豚的单选按钮?
- 10. 如何使用codeigniter选择单选按钮时生成表单
- 11. 如何使用JQuery选择单选按钮的选中值?
- 12. 如何获得单选按钮列表中选择值
- 13. 引导数据表与选择列与单选按钮
- 14. 如何冻结asp.net中选定单选按钮的单选按钮列表?
- 15. 如何获得选择的单选按钮列表项
- 16. 如何选择与单选按钮deafult选择 - 在反应
- 17. 如何启用/禁用选择单选按钮的按钮?
- 18. 选择按钮表 - 使用jQuery选择
- 19. 如何使用单选按钮在MVC3中选择列表项目
- 20. 打开一个按钮的HTML选择列表中单击
- 21. 如何将条纹支付库与HTML/JS中单选按钮选择的多个按钮结合使用
- 22. 使用MVC如何绑定选定单选按钮的列表?
- 23. HTML单选按钮阵列
- 24. HTML:单选按钮阵列
- 25. Asp.net选择单选按钮列表使用jQuery
- 26. 使用jquery清除单选按钮列表选择
- 27. 如何使用选择单选按钮的所有选项?
- 28. HTML单选按钮,从另一个按钮中选择
- 29. 如何检查是否在单选按钮列表单选按钮被选中
- 30. 如何使用mySql中的数据选择单选按钮
欢迎来到Stack Overflow。在目前的状态下,你的问题非常广泛:这个问题有很多好的答案。除此之外,网络上已经有这样的内容了。先看看其他类似的问题。如果您仍然希望我们为您提供帮助,请提供一些您迄今尝试过的代码。 – jaunt
我正在寻找这个简单问题的代码 –
Stack Overflow不是一个免费的编码服务。请至少做一些基本的尝试来解决您自己的问题,然后我们可以帮助解决您遇到的任何特定问题。 – MarsAtomic