<分区>
标签 javascript jquery css html
伙计们, 我制作了一个脚本,它基本上为每个不同的单选按钮选项检查显示不同的 DIV 框,从一个已经选择的默认选项开始 + 开头显示的正确 div。
这是我的 jsfiddle: Demo
我也在我的网站上使用 jQuery。如果我有更多可能的选择(最多 10 个),是否知道如何使 JS 代码更清晰、更容易和更简单?
$("input[name='radio-269']").change(function() {
if ($(this).val() == "1") {
$('#1').removeClass("hidden");
$('#2').addClass("hidden");
$('#3').addClass("hidden");
}
if ($(this).val() == "2") {
$('#1').addClass("hidden");
$('#2').removeClass("hidden");
$('#3').addClass("hidden");
}
if ($(this).val() == "3") {
$('#1').addClass("hidden");
$('#2').addClass("hidden");
$('#3').removeClass("hidden");
}
});
请记住,我用于 value=""的数字将是 1 到 1000 之间的随机数(取决于 mysql 数据库条目)。
谢谢!
最佳答案
你好,你可以这样做
$("input[name='radio-269']").change(function() {
var val = $(this).val();
$("div.euro").hide();
$("#"+val).show();
});
在每个 div 上你应该添加类 'euro' 这是一个例子:http://jsfiddle.net/E9mUf/1/
关于选项转换器的 Javascript 改进,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21487430/
相关文章:
javascript - 头上有重复的样式和很多 <style> 元素
javascript - js : var declarations, 循环,效率,效用
jquery - 用于响应式屏幕分辨率和平板电脑纵向模态的 Iframe 全屏
html - 通过 RStudio 从 Rmd 渲染 HTML 文档时,无法将文本设置为斜体
javascript - 移动优先菜单开始在 iPad 垂直打开
jquery - ASP.NET MVC 远程验证钩子(Hook)方法