Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 单击复选框,隐藏一个div并显示另一个div_Jquery - Fatal编程技术网

Jquery 单击复选框,隐藏一个div并显示另一个div

Jquery 单击复选框,隐藏一个div并显示另一个div,jquery,Jquery,我实际上没有为此编写任何代码,在互联网上搜索时发现了这篇文章: 我在想,为了我们的目的 我们正在制作的表单的一部分,正常显示。是这样的: 并选中复选框,隐藏上述div并显示此div 假设您有适当的html结构,您想要隐藏的所有内容都在id为yourOldContent的div中,并且您想要显示的内容在id为yourDivWithNewContent的div中(最初是用display:none;隐藏的),并且复选框具有id checkboxId,您可以使用以下代码: $('#checkbox

我实际上没有为此编写任何代码,在互联网上搜索时发现了这篇文章:

我在想,为了我们的目的

我们正在制作的表单的一部分,正常显示。是这样的:

并选中复选框,隐藏上述div并显示此div


假设您有适当的html结构,您想要隐藏的所有内容都在id为yourOldContent的div中,并且您想要显示的内容在id为yourDivWithNewContent的div中(最初是用display:none;隐藏的),并且复选框具有id checkboxId,您可以使用以下代码:

 $('#checkboxId').click(function(){
  $('#yourDivWithNewContent').toggle();
  $('yourOldContent').toggle();
});

假设您有适当的html结构,所有要隐藏的内容都在id为yourOldContent的div中,并且要显示的内容都在id为yourDivWithNewContent的div中(最初使用display:none;)隐藏),并且复选框具有id checkboxId,则可以使用以下代码:

 $('#checkboxId').click(function(){
  $('#yourDivWithNewContent').toggle();
  $('yourOldContent').toggle();
});


我试图模仿我在图片中看到的东西,它没有样式,但它有你想要的功能。

我试图模仿我在图片中看到的东西,它没有样式,但它有你想要的功能。

你实际上没有问问题422。你具体想做什么?道歉。选中复选框时,我想隐藏DIV ONE并显示DIV TWO,取消选中时,隐藏DIV TWO并显示DIVONE@422像这样的问题有100多个。。你应该先搜索一下。我没看过,我看过很多关于onclick的节目。但onClick上没有隐藏一件事而展示另一件事。。。也许我应该使用切换键。你实际上还没有问过问题422。你具体想做什么?道歉。选中复选框时,我想隐藏DIV ONE并显示DIV TWO,取消选中时,隐藏DIV TWO并显示DIVONE@422像这样的问题有100多个。。你应该先搜索一下。我没看过,我看过很多关于onclick的节目。但onClick上没有隐藏一件事而展示另一件事。。。也许我应该使用切换。它肯定只隐藏了一个DIV?是的,它隐藏了一个DIV(那个大盒子)和切换按钮。它肯定只隐藏了DIV?是的,它隐藏了一个DIV(那个大盒子)和切换按钮嗯。。这听起来像是我们想要的,所以选中复选框,隐藏原始按钮并显示div 2,取消选中将恢复为旧内容。。对吗?问题似乎是隐藏旧的,展示新的。我看到了很多代码,比如点击显示,但并没有在点击后隐藏一件东西并显示另一件东西。。这听起来像是我们想要的,所以选中复选框,隐藏原始按钮并显示div 2,取消选中将恢复为旧内容。。对吗?问题似乎是隐藏旧的,展示新的。我看到了很多代码,比如单击显示,但不隐藏一件事单击显示另一个问题是,我们的按钮样式如下:如何在按钮上动态添加文本?由于使用的是
标记而不是
,因此需要使用
.html
而不是
.val
。您还可以将文本放在按钮标签之间,如下所示:
按钮文本
。在这里,它是在甜,是的,我已经做了按钮内的文本,但忘了将val更改为html。干杯,如果是标准的div秀,我想展示$149.99,如果是特色节目,我想展示$299.99,这是否正确:$(“#showthePrice”).html($299.99”);美元(“#showthePrice”).html($149.99”);我遇到的一个问题是,我们的按钮样式如下:如何在按钮上动态添加文本?由于使用的是
标记而不是
,因此需要使用
.html
而不是
.val
。您还可以将文本放在按钮标签之间,如下所示:
按钮文本
。在这里,它是在甜,是的,我已经做了按钮内的文本,但忘了将val更改为html。干杯,如果是标准的div秀,我想展示$149.99,如果是特色节目,我想展示$299.99,这是否正确:$(“#showthePrice”).html($299.99”);美元(“#showthePrice”).html($149.99”);