首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

点击复选框时填空,再点击取消填写

2012-10-08 
点击复选框时填写,再点击取消填写?table border0 cellpadding4 aligncenter cellspacing1 on

点击复选框时填写,再点击取消填写

?<table border="0" cellpadding="4" align="center" cellspacing="1" onclick="addReason(this, 1);" id="c1"
?????style="width: 20px" />
????<span id="s1">2222222;</span>
????<br />
????   <input type="checkbox" onclick="addReason(this, 2);" id="c2"style="width: 20px" /><span id="s2">33333333;</span>
????<br />
????   <input type="checkbox" onclick="addReason(this, 3);" id="c3"
?????style="width: 20px" />
????<span id="s3">与44444444444;</span>
????<br />
????   <input type="checkbox" onclick="addReason(this, 4);" id="c4"
?????style="width: 20px" />
????<span id="s4">5555555555555</span>
????<br />
????   <input type="checkbox" onclick="addReason(this, 5);" id="c5"
?????style="width: 20px" />
????<span id="s5">6666666666666;</span>
????<br />
????   <input type="checkbox" onclick="addReason(this, 6);" id="c6"
?????style="width: 20px" />
????<span id="s6">7777777777777;</span>
????<br />
????   <input type="checkbox" onclick="addReason(this, 7);" id="c7"
?????style="width: 20px" />
????<span id="s7">888888888888</span>
????<br />
????   <input type="checkbox" onclick="addReason(this, 8);" id="c8"
?????style="width: 20px" />
????<span id="s8">999999999999;</span>
????<br />
????   <input type="checkbox" onclick="addReason(this, 9);" id="c9"
?????style="width: 20px" />
????<span id="s9">00000000000000000</span>
????<br />
???</div>
????</td>
???</tr> ?<tr colspan="3">
??????<textarea id="notstcComment" name="comment" cols="150" rows="6"></textarea>
?????</td>
????</tr>
????<tr colspan="4" align="center" nowrap>
??????<input type="button" id="notstcConfirmButton"
???????onclick="setNoStc();" value=" 确 认 " />
??????<input type="button" id="cancelButton"
???????onclick="WinClose();" value="关  闭" />
?????</td>
????</tr>          
???
???<table>

?

--------------------------------------------------

?

function addReason(box,index) {
???var comment = document.getElementById("notstcComment").value
???var val1 = document.getElementById("s"+index).innerText;
????//选中
????if(box.checked){?
?????document.getElementById("notstcComment").value=comment+val1+'\n';
????}else{
?????document.getElementById("notstcComment").value = trim(comment.replace(val1,''));? //去空格且替换内容
????}
???
???}

热点排行