Js`HTML

结合javascript对表单中表格加操作

具体行为：如果前面复选框用户选择yes，那么在下面一栏的表单后面加上红色的*

问题图例：

选择前

选择后

一个具体例子

function yes_then_do(){ var a_name=$("#form_name1 [name='a_name']:checked").val(); if(a_name=="yes"){ document.getElementById('just_a_name').innerHTML='<font color="red"> *</font>'; }else{ document.getElementById('just_a_name').innerHTML=' '; } } //previous "#form_name1" is in //{ // <form id="form_name1" [rest omitted]"> // <table> // [omitted] // </table> //}here

而在表单中选择yes/no表格后面一行需要用到

<tr> <td>[name omitted]:</td> <td>  <input type="text"name="var_name" style="height:xx px;width:xxx px;" placeholder="placeholder_message" /><span id="just_a_name"></span></td> </tr>

如果接下来还需要用到这个功能建议重写一个新的函数，但除了必须要改的变量名以外，记住“just_a_name”要换成“just_another_name”（自己感受~）

附上一个小彩蛋，我查资料时候遇到的

origin: http://blog.csdn.net/Liyatao_BeiJing/article/details/48156049 给span设置提示文字 ,设置文字大小，字体颜色 <span style="font-size:18px;"><input type="text" id="name" id="name"/><span id="warring"><span> <script type="text/javascript"> var name=document.getElementById("name").value; if(name=''){ document.getElementById("warring").innerHTML='姓名不能为空'; document.getElementById("warring").style.fontSize='12px'; document.getElementById("warring").style.color='red'; } </script></span>