html大量重复代码,求教怎么简化。

html大量重复代码,求教怎么简化。,第1张

把函数值留一个 改成传参的方式

function on_hide(num){

 document.getElementById("suanfa"+num).style.display = (document.getElementById("times"+num).checked == true) ? "block" : "none"

}

<label><input  type="checkbox" value="hours" id="times1" onclick="on_hide(1)"/>时</label> 

<label><input  type="checkbox" value="day" id="times2" onclick="on_hide(2)"/>日 </label> 

<label><input  type="checkbox" value="week" id="times3" onclick="on_hide(3)"/>周 </label> 

<label><input  type="checkbox" value="month" id="times4" onclick="on_hide(4)"/>月 </label> 

<label><input  type="checkbox" value="season" id="times5" onclick="on_hide(5)"/>季 </label>

css定义的宽度问题,你把两个内容层的宽度都调整为350px试试

#HomeContactUsDetailHK {

float:left

width:350px

#HomeContactUsDetailSH {

float:left

width:350px

我刚在本地测试了下 正常的了。

html重复的部分直接抄写一遍。html是抄文本标记语言是标准,通用标记语言下的一个应用是网页制作所必备的工具超文本标记语言的结构,包括头部分和主体部分,其中头部提供关于网页的信息,主体部分提供网页的具体内容。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7228123.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存