首頁猿問 Jquery radio...

Jquery radio 改變選中行li樣式

JavaScript

慕妹3242003 2018-12-07 07:54:09

<div id="divExpress" class="body setting express"> <ul> <li class="focus"><div class="label"><i></i><span>選擇</span></div><span class="strong"><input class="rbox" type="radio">快遞（默認申通或圓通）</span><span class="strong w1">5元 /千克</span><span class="strong w2">全國大部分地區都可以到，性價比高，速度快</span></li> <li><div class="label"><i></i><span>選擇</span></div><span class="strong"><input class="rbox" type="radio">郵政EMS</span><span class="strong w1">免運費</span><span class="strong w2">全國各地都能到，但速度較慢，如果您的所在地沒有快遞請選擇此項。</span></li> <li><div class="label"><i></i><span>選擇</span></div><span class="strong"><input class="rbox" type="radio">貨到付款</span><span class="strong w1">20元 /千克</span><span class="strong w2">聯邦快遞上門送貨，將現金準備好給快遞員即可。</span></li> </ul> </div> 如果選中改變<li class="focus"> 反正則移除

查看完整描述

12 回答

哈士奇WWW

TA貢獻1799條經驗獲得超6個贊

$(document).ready(function () {
??????????? $("#divExpress").find(".rbox").each(function () {
??????????????? $(this).click(function () {
??????????????????? $(this).parent().parent().parent().children().removeClass("focus");
??????????????????? $(this).parent().parent().toggleClass("focus", this.checked);
??????????????? });
??????????? });
??????? });

希望有用

反對回復 2018-12-24

小怪獸愛吃肉

TA貢獻1852條經驗獲得超1個贊

$('#divExpress li').each(function(){

$(this).click(function(){

$('#divExpress li').removeClass('focus');

$(this).addClass('focus');

});

反對回復 2018-12-24

GCT1015

TA貢獻1827條經驗獲得超4個贊

是選中里面的radio 改變樣式

反對回復 2018-12-24

至尊寶的傳說

TA貢獻1789條經驗獲得超10個贊

@暗塵掩月:?

$('.rbox').each(function(){

$(this).click(function(){

$('.rbox').removeClass('focus');

$(this).addClass('focus');

});

反對回復 2018-12-24

紅糖糍粑

TA貢獻1815條經驗獲得超6個贊

$('.rbox').each(function(){

$(this).click(function(){

$('.rbox').removeClass('focus');

$(this).addClass('focus');

});

反對回復 2018-12-24

慕后森

TA貢獻1802條經驗獲得超5個贊

@田林九村: 不對啊我是要選中radio 改變<li>標簽的樣式

移除其他航的樣式

反對回復 2018-12-24

郎朗坤

TA貢獻1921條經驗獲得超9個贊

@暗塵掩月: 不急不急，馬上來

$('.rbox').each(function(){

$(this).click(function(){

$('#divExpress li').removeClass('focus');

$(this).parent().prev().prev().addClass('focus');

});

反對回復 2018-12-24

猛跑小豬

TA貢獻1858條經驗獲得超8個贊

$('.rbox').each(function(){

$(this).click(function(){

$('#divExpress li').removeClass('focus');

$(this).parent().prev().prev().addClass('focus');

});

反對回復 2018-12-24

桃花長相依

TA貢獻1860條經驗獲得超8個贊

@田林九村: 還是不對麻煩先測試下啊謝謝

反對回復 2018-12-24

慕的地10843

TA貢獻1785條經驗獲得超8個贊

$(function () {
??????????? $(":radio").click(function () {
??????????????? if (this.checked) {
??????????????????? $(this).parent("span").parent("li").addClass("p");
??????????????? }
??????????? });
??????? });再修改修改吧！

反對回復 2018-12-24

哆啦的時光機

TA貢獻1779條經驗獲得超6個贊

toggleClass()

反對回復 2018-12-24

FFIVE

TA貢獻1797條經驗獲得超6個贊

麻煩寫完整的啊

反對回復 2018-12-24

12 回答
0 關注
591 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

Jquery radio 改變選中行li樣式

Jquery radio 改變選中行li樣式

12 回答

添加回答