2013-03-03 3 views
0

일부 라디오 입력이 있고 그 값에 <a class="green none" href=""이 있습니다. 나는 또한 toggleclass이라는 클래스 이름을 갖는 div이라는 섹션을 정확하게 가지고 있으며, 해당 div를 클릭하면 클래스 속성에서 none을 제거해야합니다.클릭시 라디오 입력 값 변경

자바 스크립트 중 일부는 내가

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

도 시도

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

html로, 또한

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

하고,

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

하지만, 전혀 작동하지 않는 것 같습니다. 나 좀 도와 주실 래요?

정확하게 말하자면,이 경우에는 a class="green none" href=""...이라는 HTML 값을 저장해야하며, 라디오를 선택하여 제출하십시오. 그리고 단추를 클릭 할 때 none 클래스 (또는 none을 제거 할 수없는 경우 전체 클래스 특성)를 제거 할 수있는 옵션을 사용자에게 제공하려고합니다.

감사

+1

난 당신이 우리에게 더 큰 그림을 보여줄 필요가 있다고 생각합니다. 입력 필드에 HTML 코드를 삽입하는 방식이 아닌 HTML 코드를 입력 값에 포함하고 있습니다. 귀하의 질문에 대답하고 그것이 효과를 발휘할 수있는 동안, 나는 당신이 달성하고자하는 것을 우리에게 말해 주면 더 나은 대답을 얻을 것이라고 생각합니다. –

+0

@FrederikWordenskjold 라디오 선택 제출과 함께 Abhik

+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', ' ')); 
}); 
+0

DOM에서 값을 변경하지 않지만 경고가 잘 표시됩니다. – Abhik

+0

아, 그 대답은 빠르지 만 답변 만 업데이트되었습니다. 두 번째 알림으로 바꿀 수 있습니다. – Jai