分享

Jquery选择单选

 欢欢2008 2011-04-01
对于jquery来说,本人用的不是很多,以前只用过attr、html、val
$(#id).attr("属性名");取得属性值
$(#id).attr("属性名","属性值");设置属性值
$(#id).html();取得html值
$(#id).html("值");设置html值
$(#id).val();取得value值
$(#id).val("值");设置value值
以及它的ajax
$.post("方法",{参数},function(data){
});
还有就是$(function(){页面载入时运行
});
至于其他的选择器没有用过,恰巧又在项目中要用到jquery,发现它还是很强大的
页面代码如下:
<div id="yh" class="yh">
   <span><input type="radio" name="bank" checked/><img src="/huizhi/images/bank/brand_127X40_8.gif"/></span>
   <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_9.gif"/></span>
   <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_14.gif"/></span>
   <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_38.gif"/></span>
   <br/>
   <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_39.gif"/></span>
   <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_40.gif"/></span>
   <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_44.gif"/></span>
   <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_55.gif"/></span>
   <br/>
   <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_56.gif"/></span>
   <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_57.gif"/></span>
   <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_58.gif"/></span>
   <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_59.gif"/></span>
</div>
这里单选按钮和图片有些多,没有列完,实现让点击图片时单选选中。
var radios=$('input[type="radio"][name="bank"]');
$("#yh >img").each(function(i){
$(this).click(function(){
radios.each.(function(j){
i==j?$(this).attr('checked','true'):$(this).attr('checked','false');
});
});
});
发现没有效果,后来发现$("#yh >img")这样子根本就没有选择img,>符号应该不能隔层使用,直接的子节点才可以。$("#yh >span")就可以.
而$("#yh img")这样的话就可以取到所有的img啦,
改过后单选总是选最后一个
应该是
i==j?$(this).attr('checked','true'):$(this).attr('checked','false');这就有问题
暂时没解决.
实在没办法,换一下代码
$("img").click(function(){
$(this).parent().find('input').attr("checked","checked");
});
说什么缺少;个人认为应该是$("img").click这有问题
改为
$("#yh img").each(function(){
$(this).click(function(){
$(this).parent().find('input').attr("checked","checked");
});
});顺利运行,
$("#yh img")这里是按id取得div,也可以按div的name取$(".yh img")。
------------------------------
对于页面要是图片少的话,也可以<img />里加上onclick事件。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约