javascript - 单击更改无线电输入值

Question

我有一些无线电输入，它们的值<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>

我尝试过的一些 JavaScript

$('.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

问候

Answer 1

You can try this: fiddle

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

replace alert(); with this one: checkout updated fiddle

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