Javascript 基于标签值的JQUERY HTML DIV隐藏和显示

我有一个标签，显示基于用户操作的动态值。 例如1或2。 如果标签值为“1”，我想用id=“charts\u div”显示div元素 如果值为“2”，我想隐藏div元素 这个例子尽可能地简化了，所以我可以了解我的基本想法

HTML

---

不能将

change

事件绑定到没有此类事件的元素。将此更改逻辑放入实际更改

标签

文本的事件中

不能将

change

事件绑定到没有此类事件的元素。将此更改逻辑放入实际更改

标签

文本的事件中

不能将

change

事件绑定到没有此类事件的元素。将此更改逻辑放入实际更改

标签

文本的事件中

不能将

change

事件绑定到没有此类事件的元素。将此更改逻辑放入实际更改

标签

文本的事件中

如前所述，您不能将

更改

事件绑定到

标签

。改变标签的同时也要改变显示的div。假设它是一个按钮，执行以下操作：

HTML

---

查看关于此的一个实例；）

如前所述，您不能将

更改

事件绑定到

标签

。改变标签的同时也要改变显示的div。假设它是一个按钮，执行以下操作：

HTML

---

查看关于此的一个实例；）

如前所述，您不能将

更改

事件绑定到

标签

。改变标签的同时也要改变显示的div。假设它是一个按钮，执行以下操作：

HTML

---

查看关于此的一个实例；）

如前所述，您不能将

更改

事件绑定到

标签

。改变标签的同时也要改变显示的div。假设它是一个按钮，执行以下操作：

HTML

---

查看关于此的一个实例；）

是的。另外，请查看此问题和答案以获取更多帮助：我马上就到了。感谢您提供有关绑定更改的建议，我同意。这是我在寻找$（'mydiv'）。Bind（“domsubtreedinformed”，function（）{alert（'changed'）；}）；是的。另外，请查看此问题和答案以获取更多帮助：我马上就到了。感谢您提供有关绑定更改的建议，我同意。这是我在寻找$（'mydiv'）。Bind（“domsubtreedinformed”，function（）{alert（'changed'）；}）；是的。另外，请查看此问题和答案以获取更多帮助：我马上就到了。感谢您提供有关绑定更改的建议，我同意。这是我在寻找$（'mydiv'）。Bind（“domsubtreedinformed”，function（）{alert（'changed'）；}）；是的。另外，请查看此问题和答案以获取更多帮助：我马上就到了。感谢您提供有关绑定更改的建议，我同意。这是我在寻找$（'mydiv'）。Bind（“domsubtreedinformed”，function（）{alert（'changed'）；}）；您有一个圆（第二个if（else-if）缺少括号）。与其绑定到标签的更改事件（永远不会触发），为什么不调用一个检查标签更改位置的函数呢？您有一个圆（第二个if（else-if）缺少括号）。而不是绑定到标签的更改事件（永远不会触发）为什么不调用一个检查标签更改位置的函数呢？您的第二个if（else if）上缺少一个圆（括号）。与其绑定到标签的更改事件（永远不会触发），为什么不调用一个检查标签更改位置的函数呢？您的第二个if（else if）上缺少一个圆（括号）。而不是绑定到标签的更改事件（永远不会触发）为什么不调用一个检查标签更改位置的函数呢？我想在标签更改时创建事件，但它不起作用。我想在标签更改时创建事件，但它不起作用。我想在标签更改时创建事件，但它不起作用。我想在标签更改时创建事件，但它不起作用。

<label id="label"></label>
 <div id="chart1_div" style="width:100%; height:200px"></div>
 <div id="chart2_div" style="width:100%; height:200px"></div>

$(document).ready( function() {
$('#label').bind('change', function (e) { 
if ($('#label').text() == "1")
{
$('#chart1_div').show();
$('#chart2_div').hide();

}
else if $('#label').text()=="2")
{
  $('#chart1_div').hide();
  $('#chart2_div').show();
}         
}).trigger('change');
});

<label id="myLabel">1</label>
<button id ="myButton">Toggle between 1 and 2</button>
<div id="chart1_div" style="width:100%; height:200px">a</div>
<div id="chart2_div" style="width:100%; height:200px">b</div>

$(document).ready( function() {
    $("#myButton").click(function(){
        if ($('#myLabel').text() == '1')
        {
            $("#myLabel").text('2');
            $('#chart1_div').show();
            $('#chart2_div').hide();
        } else if ( $('#myLabel').text()=='2')
        {
            $("#myLabel").text('1');
            $('#chart1_div').hide();
            $('#chart2_div').show();
        }        
    });
});