怎么改变radio默认点的颜色
1个回答
展开全部
签选的 jQuery,那么我就用 jQuery 尝试实现下这个效果,因为 jQuery 学得不深,因此不一定是最佳方案,背景图直接从网上找到。:)
先把 HTML 码好:
<div>
<input type="radio" id="nba" checked="checked" name="sport" value="nba">
<label name="nba" class="checked" for="nba">NBA</label>
<input type="radio" id="cba" name="sport" value="cba">
<label name="cba" for="cba">CBA</label>
</div>
接着是 CSS:
input[type="radio"] {
margin: 3px 3px 0px 5px;
display: none;
}
label {
padding-left: 20px;
cursor: pointer;
background: url(bg.gif) no-repeat left top;
}
label.checked {
background-position: left bottom;
}
再就是 jQuery 代码了:
$(function() {
$('label').click(function(){
var radioId = $(this).attr('name');
$('label').removeAttr('class') $(this).attr('class', 'checked');
$('input[type="radio"]').removeAttr('checked') $('#' + radioId).attr('checked', 'checked');
});
});
先把 HTML 码好:
<div>
<input type="radio" id="nba" checked="checked" name="sport" value="nba">
<label name="nba" class="checked" for="nba">NBA</label>
<input type="radio" id="cba" name="sport" value="cba">
<label name="cba" for="cba">CBA</label>
</div>
接着是 CSS:
input[type="radio"] {
margin: 3px 3px 0px 5px;
display: none;
}
label {
padding-left: 20px;
cursor: pointer;
background: url(bg.gif) no-repeat left top;
}
label.checked {
background-position: left bottom;
}
再就是 jQuery 代码了:
$(function() {
$('label').click(function(){
var radioId = $(this).attr('name');
$('label').removeAttr('class') $(this).attr('class', 'checked');
$('input[type="radio"]').removeAttr('checked') $('#' + radioId).attr('checked', 'checked');
});
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询