Jquery चेकबॉक्स चयनित

Question

की तालिका पंक्ति मूल्यों को प्राप्त करने के लिए निम्न उदाहरण में http://jsfiddle.net/hU89p/200/

मैं कैसे onClick समारोह

  Select Cell phone  Rating  Location 
        BlackBerry9650 2/5  UK 
        Samsung Galaxy 3.5/5  US 
        Droid X   4.5/5  REB 

निम्न तालिका में

पर चयनित चेक बॉक्स की पंक्ति मान प्राप्त कर सकते हैं, जबकि का चयन एकाधिक चेकबॉक्स मुझे संबंधित पंक्ति मानों को अलर्ट करना होगा।

function myfunc(ele) { 

var values = new Array(); 
     $.each($("input[name='case[]']:checked"), function() { 
     values.push($(this).val()); 
     alert("val---"+values); 

      )}; 
       } 

उदाहरण के लिए:

जबकि पहले दो चेक बॉक्स का चयन मैं get BlackBerry9650, 2/5, UK, and Samsung Galaxy,3.5/5 ,US

यह कैसे संभव है करने के लिए है?

Answer 1

jsFiddle Demo

यदि आप चाहते हैं उन्हें कॉमा और रिक्त स्थान से अलग किया जा करने के लिए आप अपने दम पर हर कोशिका धक्का और JS Array .join()

उपयोग कर सकते हैं

var values = new Array(); 

$.each($("input[name='case[]']:checked").closest("td").siblings("td"), 
     function() { 
      values.push($(this).text()); 
     }); 

    alert("val---" + values.join(", ")); 

Answer 2

प्रयास करें:

function myfunc(ele) { 
var values = new Array(); 
     $.each($("input[name='case[]']:checked").parents("td").siblings(), function() { 
      values.push($(this).text()); 
      alert("val---"+values); 
     }); 
} 

DEMO FIDDLE

Answer 3

$("input[name='case[]']").click(function(){ 
var values = new Array(); 
     $.each($("input[name='case[]']:checked"), function() { 
      var data = $(this).parents('tr:eq(0)'); 
      values.push({ 'callphone':$(data).find('td:eq(1)').text(), 'rating':$(data).find('td:eq(2)').text() , 'location':$(data).find('td:eq(3)').text()});    
     }); 

     console.log(values); 
}); 

उदाहरण: http://jsfiddle.net/hU89p/213/

अपने कस्टम उत्पादन की जांच इस बात के लिए

:

उदाहरण: http://jsfiddle.net/hU89p/215/

Answer 4

मैं अपने फिडल थोड़ा नवीनीकृत किया है, जिसके परिणामस्वरूप कोड इस तरह दिखता है:
एचटीएमएल:

<table border="1"> 
    <tr> 
     <th>Select</th> 
     <th>Cell phone</th> 
     <th>Rating</th> 
     <th>Location</th> 
    </tr> 
    <tr> 
     <td align="center"> 
      <input type="checkbox" class="case" name="case" value="1" /> 
     </td> 
     <td>BlackBerry Bold 9650</td> 
     <td>2/5</td> 
     <td>UK</td> 
    </tr> 
    <tr> 
     <td align="center"> 
      <input type="checkbox" class="case" name="case" value="2" /> 
     </td> 
     <td>Samsung Galaxy</td> 
     <td>3.5/5</td> 
     <td>US</td> 
    </tr> 
    <tr> 
     <td align="center"> 
      <input type="checkbox" class="case" name="case" value="3" /> 
     </td> 
     <td>Droid X</td> 
     <td>4.5/5</td> 
     <td>REB</td> 
    </tr> 
    </tr> 
</table> 

स्क्रिप्ट:

$('[name=case]').click(function() { 
    checkAll(); 
}); 

function checkAll() { 
    $('[name=case]:checked').each(function() { 
     alert('selected: ' + $(this).val()); 
    }); 
}