JQuery는 Toggle을 기반으로 이벤트를 수행합니다.

Question

저는 새로운 jQuery를 사용하고 HTML을 사용하여 놀고 있습니다.

나는 버튼 클릭에 기반한 이벤트 If else을 시도하고있다.

사용자가 버튼을 클릭하면 확인란을 만들고 아래에 버튼을 추가하고 있습니다.

그리고 사용자가 ...

을 나는 버튼 아래에있는 체크 박스를 제거하고 그는 내가 추가 다시 클릭하면 다시 버튼을 클릭하면 어떻게 이것을 구현합니까

? 내가 버튼 클릭에 노력 무엇

:

$(document).on("click", "#button", function() { 
    CreateCheckBox(); 
    $("#Test").toggle("hidden"); 
} 

그러나이 체크 박스마다 생성됩니다대로 작동하지 않습니다. jQuery에서이 작업을 수행하는 가장 좋은 방법은 무엇입니까?

Answer 1

다음은 Jsfiddle의 작동 예제입니다. 나는 그것이 당신을 돕기를 바랍니다.

http://jsfiddle.net/rnhjX/14/

$("#my-button").click(function() { 
    if ($('#checkbox-toggle').children().length > 0) { 
     $('div#checkbox-toggle').empty(); 
    }else{ 
     $('div#checkbox-toggle').append('<input type="checkbox" name="checkbox-name"> hello') 
    } 
}); 

Answer 2

그냥 다음과 같이 코드를 변경 :

$(document).on("click", "#button", function() { 

    $("#CheckboxID").toggle(); 
}); 

당신은 ")"종료뿐만 아니라 당신이 전환에 잘못된 인수를 통과 한로() 함수를 잊지있다.

Answer 3

는 시도이

$(document).on('click', 'button', function() { 
    if ($(this).hasClass('create')) { 
     $('<div><input type="checkbox"><button>Delete</button></div>').appendTo('body'); 
     // for jsfiddle test purposes I am creating the checkbox using jQuery and a button to delete 
     $(this).toggle(); // hides append button 
    } else { 
     $(this).parent().remove(); // removes the checkbox and delete button 
     $('.create').toggle(); //shows append button 
    } 
}); 

http://jsfiddle.net/NAkLW/1/

Answer 4

$("button").on('click',function(){ 
    $('#checkbox').toggle(); 
    if($('#checkbox').css("display") != "none"){ 
     $('#checkbox').hide(); 
    } 
    else 
    { 
     $('#checkbox').show(); 
    } 
}); 

당신이 찾고있는 아니에요 정확히하지만 좋은 대안이다 ..