2011-08-11 7 views
0

확인란 아래에 단추를 추가하려고했습니다. 버튼에는 클래스 이름이 있고 확인란에는 하나의 클래스 이름이 있습니다. 확인란 아래에있는 클래스의 클래스 이름을 추가하려고하면 해당 클래스 아래의 모든 버튼이 추가됩니다. 각 확인란 아래에 각 단추를 추가하는 방법 감사합니다,Jquery에 추가하기

+0

코드를 보지 않고도 대답하기가 어렵습니다. 질문에 관련 부분을 추가 할 수 있습니까? –

+0

당신이 시도하고 jquery의 비트가 도움이 될 것입니다 html의 비트 ... – Rafay

+0

이 질문에서 누락 된 정보가 많이 있고 그것이 그대로 대답하는 것은 불가능합니다. 질문에 관련 HTML을 추가하여 질문하는 내용을 누군가가 이해할 수 있도록하십시오. 지금 당장은 웹 페이지를 알고 있다고 가정하고 있습니다. – jfriend00

답변

0

각 체크 박스를 반복하고 각각에 버튼을 추가하려면 .each jQuery 키워드를 사용해야한다고 생각합니다.

한 줄의 코드에서이 작업을 수행 할 수 있다고 생각하지 마십시오.

"각"체크 박스를 반복 할 때 $ (this)를 append와 함께 사용하여 "each"체크 박스에 버튼을 추가 할 수 있습니다.

질문이 조금 애매하기 때문에 도움이되기를 바랍니다.

아, 일부 html 및/또는 코드를 게시하십시오. 그게 조금 도움이 될 것입니다

여기에 도움이 될 수있는 링크입니다;

http://api.jquery.com/jQuery.each/

http://jeradbitner.com/content/jquery-checkbox-goodness

0

다음은 CSS 클래스 "myCheckbox을"할당 된 각 체크 박스 후 버튼을 추가합니다 : http://jsfiddle.net/34tkN/1/

다른 언급했듯이

$(document).ready(function() { 
    $('.myCheckbox').each(function(idx, el) { 
     $(el).after('<input type="button" class="myButton" value="' + el.id + '"/>'); 
    }); 
}); 

, 당신이 요구하는 것을 완전히 이해하는 것은 어렵습니다. 명확히하고 응답을 업데이트 할 수 있습니다.

<script> 

    var btHtml = '<button class="lolButton">LOL</button>'; 
    $(".chkBox").append(btHtml); 

</script> 
0

당신은 뭔가를 시도 할 수 있습니다 측면. 확인란 아래에 단추를 넣으려고합니다. 각 확인란마다 버튼 하나가 있어야합니다. 단추의 클래스 이름을 추가하려고 할 때 모든 단추가 확인란 아래에옵니다. 하나의 버튼을 하나의 체크 박스 아래에 두는 것이 좋습니다.

0

프라하, 단 상자 코드 :

<div class="chkCompare> 
    <input type="checkbox" onclick="CompareCheckChanged(this,'60c0ca0d-b68d-4edd-b667-0d4320b60ede');" name="mrpPhones$ctl00$chkCompare" id="mrpPhones_ctl00_chkCompare"> 
    <span style="margin-left: 5px;">Compare</span> 
</div> 

버튼 코드 :

<a style="display: inline-block; width: 85px; font-weight: normal;" href="javascript:__doPostBack('mrpPhones$ctl00$lineItemPrice$lnkbtnAddToCart','')" class="button-genericsprite green-button-23cart" title="Add to cart" id="mrpPhones_ctl00_lineItemPrice_lnkbtnAddToCart" onclick="javascript:hideProgressBar();"> 
    <span style="font-size: 12px;">Add to Cart</span>   
</a> 

확인 상자가 왼쪽에있다가, 버튼이 오른쪽에 있습니다