$(".isplist").click(function(){
//alert($(this).val());
$(this).find("input[type=radio]").attr("checked", 'checked');
});
| 服务商<br> | |
| | |
| <div name="isp" class="isplist"><input type="radio" name="ispname" value="1"> 联通 </div> | |
| <div name="isp" class="isplist"><input type="radio" name="ispname" value="2"> 电信 </div> | |
| <div name="isp" class="isplist"><input type="radio" name="ispname" value="3"> 移动 </div> | |
| <div name="isp" class="isplist"><input type="radio" name="ispname" value="4"> 铁通 </div> | |
| <div name="isp" class="isplist"><input type="radio" name="ispname" value="5"> 长城 </div> | |
| <div name="isp" class="isplist"><input type="radio" name="ispname" value="6"> 广电 </div> | |
| <div name="isp" class="isplist"><input type="radio" name="ispname" value="7"> 教育网 </div> | |
| <div name="isp" class="isplist"><input type="radio" name="ispname" value="8"> 其它 </div> |
window.onload = function () {
//点击radio后面的文本选中radio
// labels = document.getElementById('scalul').getElementsByTagName('span');
// for (i = 0, j = labels.length; i < j; i++) {
// labels[i].onclick = function () {
// var vastr = $(this).parents("li").find("input").val();
// $(this).parents("li").find("input[type=radio][value=" + vastr + "]").attr("checked", 'checked');
// }
// }
//点击整个li选中其里面的radio
labelsa = $(".scalul .li").find("li");
for (i = 0, j = labelsa.length; i < j; i++) {
labelsa[i].onclick = function () {
var vastra = $(this).find("input").val();
$(this).parents("li").find("input[type=radio][value=" + vastra + "]").attr("checked", 'checked');
}
}
}
本文介绍了一个简单的网页交互功能实现:通过点击不同的服务商名称来选择相应的互联网服务提供商(ISP)。支持的服务商包括联通、电信、移动等。点击服务商名称时,会自动选中对应的单选按钮。
1211

被折叠的 条评论
为什么被折叠?



