Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <table id="my-table" border="1" width="70%" align="center"></table>
</body>
</html>
 
var data = '<tr><td><input type="checkbox" name="product[]" value="chair" /><label>chair</label></td><td>45</td></tr>';
var html = $(data);
var onClick = function(){
  console.log("Checkbox has been clicked");
};
$(':checkbox', html).click(onClick);
$('#my-table').html(html);
/* $('#my-table').find(':checkbox').click(function() {
  console.log( $(this).val() );
}); */
/* $('#my-table').on('click', ':checkbox', function() {
  console.log( $(this).val() );
}); */
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
qolamipro
0viewers