js 实现复选框和文本框的联动_随笔

<html>

<body>

function sc(status,cvalue)

{

if (status )

{d=d+cvalue

}

else

{

d=d.replace(cvalue, "")

}

document.getElementById('q').innerHTML=d

}

var d=""

</script>

<input type="checkbox" value="数据a" onClick="sc(this.checked,this.value)"/>数据a

<input type="checkbox" value="数据b" onClick="sc(this.checked,this.value)"/>数据b

<input type="checkbox" value="数据c" onClick="sc(this.checked,this.value)"/>数据c

<input type="checkbox" value="数据d" onClick="sc(this.checked,this.value)"/>数据d

<input type="checkbox" value="数据e" onClick="sc(this.checked,this.value)"/>数据e

</html>

<style>

.box1 { margin: auto text-align: center width: 300px }

.box1, .box2, .box3 { border: 1px solid black padding: 20px }

.box2, .box3 { margin: auto }

</style>

</div>

不赞成使用多是因为不符合目前的标准。目前，网页的要求就是结构与样式分离，但这只是建议，不是强制要求。这2个写法都没问题，区别就是，使用style标签更符合标准，但这不能说第一个就是错误的，专业的当然还是书写符合标准的代码。

欢迎分享，转载请注明来源：内存溢出

js 实现复选框和文本框的联动