当前位置:嗨网首页>书籍在线阅读

14-解决方案1

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

10.3.2 解决方案1

在HTML代码中你会注意到,单选按钮、标签和关联的文本输入元素都包装在一个 <li> 标记里。你不一定需要这种结构,但是它能大大简化准确找到单选按钮的过程——保证只有一个单选按钮兄弟元素:

//寻找chooseSource列表总的所有文本输入字段,监听blur事件
$('#chooseSource input:text').blur(function(){
   // 如果在文本输入字段中输入了文本
   if ( $(this).val() != '' ) {
     //寻找单选按钮兄弟元素并设置为选中状态
     $(this).siblings('input:radio').attr('checked',true);
   }
});