Skip to content

Instantly share code, notes, and snippets.

@gabrielmad

gabrielmad/London-pm Course per Period Selection

Created August 31, 2014 17:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gabrielmad/800e127ec25e235c73dd to your computer and use it in GitHub Desktop.
Save gabrielmad/800e127ec25e235c73dd to your computer and use it in GitHub Desktop.
Download ZIP
Raw
London-pm Course per Period Selection
<!DOCTYPE html>
<!-- saved from url=(0028)http://dave.org.uk/grid.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Grid Test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body data-feedly-mini="yes">
<h1>Grid Test</h1>
<table>
<thead>
<tr>
<th>Course</th>
<th>T1</th>
<th>T2</th>
<th>T3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Course 1</td>
<td><input type="radio" name="T1" value="C1"></td>
<td><input type="radio" name="T2" value="C1"></td>
<td><input type="radio" name="T3" value="C1"></td>
</tr>
<tr>
<td>Course 2</td>
<td><input type="radio" name="T1" value="C2"></td>
<td><input type="radio" name="T2" value="C2"></td>
<td><input type="radio" name="T3" value="C2"></td>
</tr>
<tr>
<td>Course 3</td>
<td><input type="radio" name="T1" value="C3"></td>
<td><input type="radio" name="T2" value="C3"></td>
<td><input type="radio" name="T3" value="C3"></td>
</tr>
<tr>
<td>Course 4</td>
<td><input type="radio" name="T1" value="C4"></td>
<td><input type="radio" name="T2" value="C4"></td>
<td><input type="radio" name="T3" value="C4"></td>
</tr>
<tr>
<td>Course 5</td>
<td><input type="radio" name="T1" value="C5"></td>
<td><input type="radio" name="T2" value="C5"></td>
<td><input type="radio" name="T3" value="C5"></td>
</tr>
<tr>
<td>Course 6</td>
<td colspan="3"><input type="radio" name="T0" value="C6"></td>
</tr>
</tbody>
</table>
<div id="feedly-mini" title="feedly Mini tookit"></div></body>
<script>
$(":radio").on('click',function(){
if ( $(this).is(':checked') ) {
if ( $(this).attr('name') == 'T0' ) $(":radio").removeAttr('checked');
else {
$(":radio[value="+$(this).val()+"]").removeAttr('checked');
$(":radio[name="+$(this).attr("name")+"]").removeAttr('checked');
$(":radio[name=T0]").removeAttr('checked');
}
$(this).removeAttr('disabled').prop('checked',true);
}
});
</script>
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment