今天將兩個 JavaScript 的小技巧，原因很簡單，因為 CG 最近在改一個網站的表單和前幾天的索迪項目的時候，發現在 HTML 表單中的單選框的值的控制，和選中控制上讓人很鬱悶，特別是使用 JSP 的時候，所以今天講兩個 JavaScript 的小技巧來解決這個問題
問題一：表格中每一行中的單選框在能不能在點擊這一行之後自動被選中並且 Radio 的 value 屬性更改。
解決方法：當點擊觸發表格行的時候遍歷所有的 radio 並對比 radio 的 value 和選中的 value 之間的差別，然後再控制是否選中本行的這個 radio。
以下是 JS 代碼
// 更新 IdValue 的值
//
function updateIdValue(obj,radioName){
var cellText;
cellText = obj.cells[1].innerHTML.toString();
if(!radioName) return;
if(getRadioValue(radioName) != cellText){
setCheckedValue(radioName,cellText);
}
IdValue=cellText;// 更新
}
// 設置 radio 的選中狀態
function setCheckedValue(radioName, newValue) {
var radios = document.getElementsByName(radioName);
for(var i=0; i
以下是演示效果
http://www.lidaren.com/code/JsRadio.htm
問題二：動態頁面自動生成了 radio 和相應的 value，但是無法生成 radio 的選中狀態
解決方法：加載頁面後遍歷所有的 radio，對比一下是否有符合的 value，符合的話
就直接設置選中
以下是 JS 代碼
// 修改編輯頁面中的 checkBox 的選定狀態
function setRadioChecked(val,radioName){
var radios = document.getElementsByName(radioName);
for(var i=0; i
李大仁博客原創，歡迎轉載，轉載請註明出處。