結合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">&nbsp*</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>&nbsp;&nbsp;<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>