Jquery ...當點擊CodeIgniter Ajax/JSON生成行時如何檢查單選按鈕

我希望單擊按鈕時檢查其特定行，但它不起作用。我懷疑Ajax/JSON生成的表的jQuery選擇器問題。這是我的代碼清單。我是一個Stackoverflow新手。Jquery ...當點擊CodeIgniter Ajax/JSON生成行時如何檢查單選按鈕

  <html> 
      <head> 
      <script type="text/javascript" src="<?php echo base_url();?>js/jquery-1.6.1.min.js"></script> 
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
      <title>Untitled Document</title> 
      <style type="text/css"> 
      <!-- 

      .selected td { background-color: #FF0000; } 

      --> 
      </style> 
      </head> 
      <body> 
      <div id="search_form"> 
       <form id="form1" name="form1" method="post" action=""> 
        <table width="80%" border="1" align="center" cellspacing="0"> 
        <tr> 
         <td><label> 
         <div align="center"> 
          <p> 
          <input name="search_input" type="text" id="search_input" value="ASET" size="50" /> 
          </p> 
         </div> 
         </label></td> 
         <td width="10%" rowspan="2"><div align="center" id="btn_search">Search</div></td> 
        </tr> 
        <tr> 
         <td><label> 
         <div align="center"> 
         <input name="rb_searchType" type="radio" id="cb_searchType" value="fileno" checked="checked" /> 
         File No 
         <input type="radio" name="rb_searchType" id="cb_searchType2" value="filetitle" /> 
         Title</div> 
         </label></td> 
        </tr> 
        </table> 
        <div align="center"></div> 
        <div align="center"></div> 
       </form> 
      </div> 

      <div id="status_submit"> 
      </div> 
      <div id="search_result1"> 
      </div> 
      </body> 
      <script type="text/javascript"> 
      $(document).ready(function() { 

       $('#btn_search').click(function() { 
        $('#form1').submit(); 
       }); 

       $("form").submit(function() { 

        var fSearchInputValue = $('#search_input').attr('value'); 
        var fSearchType = $("input[@name='rb_searchType']:checked").val(); 

       $('#status_submit').html("please wait......"); 
        $.ajax({ 
         type: "POST", 
         url: "<?php echo site_url('files/search_list_file_json/'); ?>"+"/", 
         data: "SearchInputValue="+ fSearchInputValue +"& SearchType="+ fSearchType, 
         dataType: "json", 
         success: function(data) { 
         var contentHtml = '<table width="100%" border="1" cellpadding="2" cellspacing="0" bordercolor="#000000" id="Table"><tr><td width="5%">&nbsp;</td><td width="15%">FILE NO&nbsp;</td><td>SUBJECT&nbsp;</td></tr>'; 

          $(data).each(function(index, item) { 
           contentHtml += '<tr><td><input type="radio" name="rb_fileno" id="rb_fileno" value="'; 
           contentHtml += item.FileNo; 
           contentHtml += '" />&nbsp;</td>';    
           contentHtml += '<td>'; 
           contentHtml += item.FileTitle; 
           contentHtml += '&nbsp;</td></tr>'; 
          }); 

         contentHtml += "</table>"; 
          $('#search_result1').html(contentHtml); 
          $('#status_submit').fadeIn(function(){$('#status_submit').html('');}); 

         }, 
         error: function(){ 
          var contentHtml='No result'; 
          $('#status_submit').fadeIn(function(){$('#status_submit').html(contentHtml);});   
         } 
        }); 

      return false; 
       }); //end ajax json 

       //check radio button when row is clicked 
       $('#search_result1s tr').click(function(event) { 
        // $(data).filter('div.search_result1 tr').click(function(event) { 

        $(this).find('td input:radio').prop('checked', true); 
        $(this).addClass("selected").siblings().removeClass("selected"); 
       }); 

      }); // end document.ready 

      </script> 
      </html>

感謝

來源

2011-10-05 driveabird

試試這個

$('#search_result1s tr').live('click',function(event) { 
    $(this).find('td :input[type=radio]').attr({'checked':'checked'}); 
    ... 
});

基本上.live（）方法的工作原理類似。點擊（）唯一的區別是，當你動態添加HTML元素對身體的手段頁面加載完成後.live（）成功，但.click（）方法失敗。

來源

2011-10-05 20:30:01

Vikas Naranje ...它的作品..感謝 – driveabird

你應該接受答案，如果它的工作原理 – mkoryak

看起來像一個錯字給我。不應該

$('#search_result1s tr').click(function(event)

是

$('#search_result1 tr').click(function(event)

來源

2011-10-05 19:53:37 mkoryak

Jquery ...當點擊CodeIgniter Ajax/JSON生成行時如何檢查單選按鈕

回答

相關問題