2013-03-03 76 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