frnl.net
当前位置:首页 >> rADio框改变背景颜色,用jquEry实现 >>

rADio框改变背景颜色,用jquEry实现

背景红背景绿背景蓝$("input[name='rdoColor']").change(function(){ $("body").css("background-color",$(this).val())});

你用的JQuery的版本是多少? 如果是1.7以下的版本要用live $("#aaa").live("click",function(){ $("#aaa").css("background","red");});如果是1.7以上的版本,要用on $("#aaa").on("click",function(){ $("#aaa").css("background","red");});

用js在function中改style

$(function(){ $(".box input").change(function(){ $(":checked").parent().addClass("cur").siblings().removeClass("cur"); });});

默认不选中的radio,显示的是白色的字,选中的为黑色的字,这主要定义你的css就行(因为没你那个背景图,我就用颜色取代,你复制粘贴去试试,注意看一下css的变化) JS实现单个图片选中美化框#radio_wrap li input{padding:0px; width:0px; heig...

$("input[name='名字']").get(0).checked=true;0 表示第一个选中,以此类推! JQuery是继prototype之后又一个优秀的Javascript库。 jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多)。

$('input[type=radio]').attr('type', 'checkbox');

$(":radio[name='xxx']").click(function(){ var index = $(":radio[name='xxx']").index($(this)); if(index == 1) //选中第2个时,div显示 $(divSelector).show(); else //当被选中的不是第2个时,div隐藏 $(divSelector).hide();});

添加了一个div然后通过js让div变色 .bakdiv{width:20;height:20;border:1 solid #369;padding:5;float:left;}function chred(ele){var f = ele.checked;ele.parentNode.style.background="red";var radios = document.getElementsByName(ele.nam...

签选的 jQuery,那么我就用 jQuery 尝试实现下这个效果,因为 jQuery 学得不深,因此不一定是最佳方案,背景图直接从网上找到。:) 先把 HTML 码好: NBA CBA 接着是 CSS: input[type="radio"] { margin: 3px 3px 0px 5px; display: none; } labe...

网站首页 | 网站地图
All rights reserved Powered by www.frnl.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com