2014-09-05 3 views
0

을 HREF CSS를 CSS를 적용, HREF 적용,

내 HTML :

<a href="#"">    
    <input type="checkbox" checked="checked">0-3 Months 
</a> 

나는 편집 할 HTML 자체 (SaaS는 환경)에 액세스 할 수 없습니다 CSS를 사용하거나 ID, 이름 또는 클래스를 추가하십시오. 따라서 어떤 체크 박스가 선택되면 로직이 있어야합니다.

감사합니다.

+0

당신이 onclick을 같은 입력에 이벤트를 추가 할 수 있으며이 발사 될 때, 당신은 클래스를 변경 태그 a? – patricK

+0

HTML이 유효하지 않습니다. 앵커 안에는 입력을 할 수 없습니다. – Quentin

+1

그리고 'css to href'는 무엇을 의미합니까? – jonasnas

답변

0

이와 비슷한? jQuery를 사용하십시오.

$().ready(function() { 
    var selected_option = $('#mySelectBox option:selected'); 

    if(selected_option) { 
     // do something 
     $('#SOMEELEMENT').css("background-color", "green"); 
    } 
); 
0

다음과 같은 것이 필요합니까? 당신이 체크 박스에 클릭 할 때 <a>에 스타일을 적용 의미하는 경우,이 간단한 예에서

, 그것은 다음은 CSS로 순수 할 수 없습니다 (HREF)

<html> 

    <style type="text/css">   
    .myNewCSS { 
    background-color: red 
    } 
    </style> 

    <a href="#" class="x">    
     <input type="checkbox" checked="checked" onclick="test(this)"/> 0-3 Months 
    </a> 

    <script type="text/javascript"> 
    function test(chk){ 
     chk.parentNode.className = "myNewCSS"; 
    } 
    </script> 

    </html> 
+0

이제 HTML을 변경할 수 없다는 것을 알았 기 때문에 내 솔루션이 작동하지 않습니다. – patricK

0

태그 (A)에서 빨간색 배경을 적용합니다 . 당신은 당신이 실제로 최신 브라우저에서 CSS로 확인 입력을 선택할 수

0

을 위해 자바 스크립트를 사용해야합니다 :

input:checked {outline: 2px solid red;}