根据单选按钮单击显示和隐藏div
我希望能够使用单选按钮和jQuery动态更改显示div的内容 – HTML：
2 Cars 3 Cars 2 Cars Selected 3 Cars 和jQuery：
$(document).ready(function(){ $("input[name$='cars']").click(function() { var test = $(this).val(); $("div.desc").hide(); $("#"+test).show(); }); });
这没什么，div总是表现出来。 我确定这很简单，但我在jQuery很差。
你走在正确的轨道上，但你忘记了两件事：
- 将
desc类添加到描述div中 - 您有
input数值，但id文本。
我已经修复了上面的内容并且还添加了一行来初始化hide() 第三个描述div。
检查一下 – http://jsfiddle.net/VgAgu/3/
HTML
2 Cars 3 Cars 2 Cars Selected
JQuery的
$(document).ready(function() { $("input[name$='cars']").click(function() { var test = $(this).val(); $("div.desc").hide(); $("#Cars" + test).show(); }); });
你非常接近。 你的描述div标签没有定义.desc类。 对于您的场景，您应该使单选按钮值等于您尝试显示的div 。
HTML
2 Cars 3 Cars 2 Cars Selected 3 Cars Selected
jQuery的
$(document).ready(function() { $("div.desc").hide(); $("input[name$='cars']").click(function() { var test = $(this).val(); $("div.desc").hide(); $("#" + test).show(); }); });
工作实例： http ： //jsfiddle.net/hunter/tcDtr/
这对我有用：
Untitled Document I Am New User Existing Member
Hello There !!
在这里，您可以找到您正在寻找的确切内容。
Radio1
$(document).ready(function(){} – When document load. $("#id_data").show(); – shows div which contain id #id_data. $("#id_radio1").click(function() – Checks radio button is clicked containing id #id_radio1. $("#id_data").show("slow"); – shows div containing id #id_data. $("#id_data").hide("fast"); -hides div when click on radio button containing id #id_data.
而已..
http://patelmilap.wordpress.com/2011/02/04/show-hide-div-on-click-using-jquery/
这应该做你需要的
隐藏选择器不正确。 我在页面加载时隐藏了块并显示了所选的值。 我还更改了汽车div id，以便更容易添加单选按钮值并创建正确的id选择器。
2 Cars 3 Cars 2 Cars 3 Cars
使用$("div.desc").hide(); 你基本上试图隐藏一个类名为desc的div。 哪个不存在。 用$("#"+test).show(); 你试图显示id为#2或#3的div。 这些是HTML中的非法id（不能以数字开头），尽管它们可以在许多浏览器中使用。 但是，它们并不存在。
我将两个div重命名为carDiv2和carDiv3 ，然后使用不同的逻辑隐藏或显示。
if((test) == 2) { ... }
此外，为您的复选框使用一个类，以便您的绑定变得类似
$('.carCheckboxes').click(function ...
.show()和.show()选择器不指向代码中的任何内容。
修复了jsFiddle中的版本