JS实现点击复选框变更DIV显示状态的示例代码

前端之家收集整理的这篇文章主要介绍了JS实现点击复选框变更DIV显示状态的示例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

首先是页面上:

是否存在促销活动:
Box">

<div id="active" name="active" style="display:none;">

元/L
元/L
元/L

然后是jquery中的实现

//是否添加活动内容

$("#isHaveActive").change(function(){

var div = $("#active");
div.css("display") === "none" && div.show() || div.hide();

});

以上这篇JS实现点击复选框变更DIV显示状态的示例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章