Jquery- 확인란을 선택하면 팝업 양식이 표시됩니다.

아래 목록과 같이 표 형식으로 옮겨진 요소 목록이 있습니다. 이것들은 레일 백엔드에서 가져옵니다.Jquery- 확인란을 선택하면 팝업 양식이 표시됩니다.

enter image description here

는 지금은 각각의 체크리스트의 선택에 따라 나머지를 설정할 수 있어야합니다. 체크리스트에서 요소 중 하나를 선택하면 'Store name', 'Category'라는 팝업이 나타나고 양식이 생성됩니다. 이 양식이 성공적으로 제출되면 해당 확인란을 사용 가능하게 설정하려고합니다. 이를 달성하는 방법을 알려주는 Jquery 전문가가 필요합니다. 체크 박스 선택에 따라 팝업을 만들 수는 있지만 특정 레코드에 어떻게 바인딩합니까? 양식 제출은 JSON을 통해 이루어지며이를 처리 할 것입니다.

$("#table_id").find('input[type=checkbox]').live('change', function() 
     { 
      if ($(this).is(':checked')) 
      { 

       var _row = $(this).parent().parent();//to get the selected row 
       var row_id= $(_row).find('td:eq(1)').text();//assuming the id field is the 2nd column 
................................... 
       //code to pop up dialog 
............................. 
       } 

     });

출처

2013-04-25 Avinash Mb

당신이 팝업에서 특정 레코드를 가져 오기 위해 해당 행의 ID를 보낼 수 있습니다 표시하도록 JSON을 사용합니다. 그걸 jquery 아약스를 사용하고 아약스에 성공 함수를 제출하면 특정 함수에 클래스를 추가하여 selectd를 얻습니다. – swetha

감사합니다. 간단한 예제 코드를 줄 수 있습니까? 나는 Jquery 초보자이기 때문에 도전적이다. –

테이블이 HTML 테이블로 렌더링 되었습니까? – Sharun

당신이 뭔가를 시도 할 수 있습니다. 확인란을 선택하면 화면을 그릴 때 속성 (예 : store-id)을 추가하고 해당 상점 id 값을 입력합니다. 당신이 다음 U 지금이

$(<selector>).attr("store-id",jsonObject.store_id);

을 할 수있는 브라우저에서 jQuery를 사용하여 DOM을 구축하는 경우, 내가 클래스 또는 다른 적절한 jQuery를에 그것을 바인딩 중 하나에 의해, 모든 개체를 선택에 변경 이벤트를 바인딩 선택자.

$(<selector for checkbox>).change(function(){ var attr = $(this).attr("store-id"); // Do some operation });

그리고 더 많은 데이터를 가져 오지하고

출처

2013-04-25 06:42:38 Sharun

나는 개인적으로 내 자신의 속성을 정의하여 달성 할 것 :

출처

2013-04-25 07:49:32 Srivatsan

Jquery- 확인란을 선택하면 팝업 양식이 표시됩니다.

답변

관련 문제