简单运用Javascript，使<input/>控制display属性div的显示隐藏

来源：互联网发布：德国网络攻击战略编辑：程序博客网时间：2024/06/05 22:32

主要是运用了Jquery的css（）方法。

代码：

html部分

<! DOCTYPE html>

<html>

</head>

<body>

<input type="button" id="but_a" value=" " />个人

<input type="button" id="but_b" value=" " />公司

</body>

</html>

javacript部分

$("#but_a").click(function () {

var obj_a = $('#test1').css('display');

if (obj_a === 'none') {
// $("#test2").toggle();
// $("#test1").toggle();
var divsty_a = document.getElementById('test1');

var divsty_b = document.getElementById('test2');
divsty_a.style.cssText = 'display: block;';

divsty_b.style.cssText = 'display: none ;';

}

});

$("#but_b").click(function () {

var obj_a = $('#test2').css('display');

if (obj_a === 'none') {
var divsty_a = document.getElementById('test1');

var divsty_b = document.getElementById('test2');
divsty_a.style.cssText = 'display: none;';
divsty_b.style.cssText = 'display:block;';
}
});

</script>

阅读全文

0 0