2013-03-03 135 views
0

我有一些無線電輸入,其值爲<a class="green none" href=""。我也有一個部分,div準確地說是類名toggleclass,並且當單擊該div時,我需要將none從類屬性中刪除。點擊更改無線電輸入值

<ul class="ulitems"> 
    <li><input class="liitems" type="radio" name="items" value="<a class="green none" href="http://www.google.com" title="Google" target="_blank">Google</a>"></li> 
    <li><input class="liitems" type="radio" name="items" value="<a class="green none" href="http://www.yahoo.com" title="Yahoo" target="_blank">Yahoo</a>"></li> 
    <li><input class="liitems" type="radio" name="items" value="<a class="green none" href="http://www.bing.com" title="Bing" target="_blank">Bing</a>"></li> 
    <li><input class="liitems" type="radio" name="items" value="<a class="green none" href="http://www.facebook.com" title="Facebook" target="_blank">Facebook</a>"></li> 
    <li><input class="liitems" type="radio" name="items" value="<a class="green none" href="http://www.twitter.com" title="Twitter" target="_blank">Twitter</a>"></li> 
</ul> 

一些的JavaScript的我試過

$('.toggleclass').on("click",function() { 
    $('.ulitems').find(' none').remove(); 
}); 

也是HTML,

$('.toggleclass').on("click",function() { 
$('.liitems').attr("value").remove(' none'); 
}); 

而且,

$('.toggleclass').on("click",function() { 
    $('.liitems').attr("value").find('class="green none"').replaceWith('class="green"'); 
}); 

但是,這似乎根本不起作用。你能指導我嗎?

確切地說,我需要在這種情況下使用無線電選擇提交保存HTML值a class="green none" href=""...。而且,我想給用戶一個選項,當他們點擊一個按鈕時,刪除那個none類,(或者整個班級屬性,如果刪除none是不可能的)。

問候

+1

我認爲你需要向我們展示了更大的圖片。您正在將HTML代碼嵌入到您的輸入值中,而不是如何使用輸入字段。儘管可以回答您的問題並使其發揮作用,但如果您告訴我們您要實現的目標,我認爲您會得到更好的答案。 – 2013-03-03 11:50:28

+0

@FrederikWordenskjold我試圖通過無線電選擇提交保存一個「 Abhik 2013-03-03 13:00:30

+0

我明白了。我一直在尋找解釋你想要解決的問題,而不是技術上,但從用戶的角度來看。我認爲你有機會在這裏學習一些東西。 – 2013-03-03 18:20:13

回答

0

你可以試試這個:fiddle

$('.toggleclass').on("click", function() { 
    alert($('.liitems').val().replace('none','')); 
}); 

這一個替換alert();checkout updated fiddle

$('.toggleclass').on("click", function() { 
    $('.liitems').val($('.liitems').val().replace('none', ' ')); 
}); 
+0

這不會改變DOM中的值,但警報顯示正常。 – Abhik 2013-03-03 13:33:53

+0

哦,這是一個快速響應,罰款只是更新了答案,您可以用第二個替換警報。 – Jai 2013-03-03 17:47:27