今天将两个 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
李大仁博客原创，欢迎转载，转载请注明出处。