input切换隐藏、显示,点击文字类形选中input标签。

input标签 加文字来隐藏、显示div 当点击文字时,选中input，选中input就可以隐藏或显示，下面我们两用两个input标签来隐藏或显示，

JQuery

 $(function () {
 //点文字获取checked选中input标签
	$("#BBQ_S").click(function () {
	     $("#id")[0].checked = true;
	  });
 //点文字获取checked选中input标签
   $("#BBQ_a").click(function () {
        $("#ids")[0].checked = true;
     });
 //点击文字隐藏一个div再显示出一个div
   $("#BBQ_a").click(function () {
        $("#BBQ_table").css('display', 'none')//隐藏
        $("#BBQ_None").slideDown(1000);
    });
    //点击文字显示一个div再隐藏出一个div
    $("#BBQ_S").click(function () {
        $("#BBQ_table").slideDown(1000);
        $("#BBQ_None").css('display', 'none')//隐藏
    });
});

html.

<input type="radio" name="a" id="id" /><samp id="BBQ_S">文字1</samp>
<input type="radio" name="a" id="ids" /><samp id="BBQ_a">文字2</samp>
<div id="BBQ_table"></div>
<div id="BBQ_None"></div>