单击更改无线电输入值

时间:2013-03-03 11:39:45

标签: javascript jquery

我有一些无线电输入,其值中包含<a class="green none" href=""。我还有一个部分,div精确地命名为toggleclass,当点击该div时,我需要从类属性中删除none

HTML

<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>

我试过的一些JavaScripts

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

另外,

$('.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 个答案:

答案 0 :(得分: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', ' '));
});