Kinesis Grid

Exclusive Box

by dixalex

HTML

<body dir="ltr">
  <div id="WzTtDiV" style="visibility: hidden; position: absolute; overflow: hidden; padding: 0px; width: 0px; left: 0px; top: 0px;"></div>
  <div class="testrunbox">
    <table border="0">
      <tbody>
        <tr>
          <td><b>Stored:</b></td>
          <td><a href="#" data-ui-tooltip="yes" title="{Albertsons} Q10Options">Q10a</a>, <a href="#" data-ui-tooltip="yes" title="{Amazon.com} Q10Options">Q10b</a>, <a href="#" data-ui-tooltip="yes" title="{Costco} Q10Options">Q10c</a>, <a href="#" data-ui-tooltip="yes"
            title="{CVS} Q10Options">Q10d</a>, <a href="#" data-ui-tooltip="yes" title="{Drugstore.com} Q10Options">Q10e</a>, <a href="#" data-ui-tooltip="yes" title="{Duane Reade} Q10Options">Q10f</a>, <a href="#" data-ui-tooltip="yes" title="{Food Lion} Q10Options">Q10g</a>,
            <a href="#" data-ui-tooltip="yes" title="{Giant} Q10Options">Q10h</a>, <a href="#" data-ui-tooltip="yes" title="{Harris Teeter} Q10Options">Q10i</a>, <a href="#" data-ui-tooltip="yes" title="{Jet.com} Q10Options">Q10j</a>, <a href="#" data-ui-tooltip="yes"
            title="{King Soopers} Q10Options">Q10k</a>, <a href="#" data-ui-tooltip="yes" title="{Kroger} Q10Options">Q10l</a>, <a href="#" data-ui-tooltip="yes" title="{Longs} Q10Options">Q10m</a>, <a href="#" data-ui-tooltip="yes" title="{Neighborhood Walmart} Q10Options">Q10n</a>,
            <a href="#" data-ui-tooltip="yes" title="{Publix} Q10Options">Q10o</a>, <a href="#" data-ui-tooltip="yes" title="{Rite Aid} Q10Options">Q10p</a>, <a href="#" data-ui-tooltip="yes" title="{Safeway} Q10Options">Q10q</a>, <a href="#" data-ui-tooltip="yes"
            title="{Stop &amp; Shop} Q10Options">Q10r</a>, <a href="#" data-ui-tooltip="yes" title="{Target} Q10Options">Q10s</a>, <a href="#" data-ui-tooltip="yes" title="{Trader Joes} Q10Options">Q10t</a>, <a href="#" data-ui-tooltip="yes" title="{Walgreens} Q10Options">Q10u</a>,
            <a href="#" data-ui-tooltip="yes" title="{Walmart}...

JavaScript

var tableOne = $('fieldset:eq(0)').find($('.questiontable')).css("border", "solid 3px #ACE");
var tableTwo = $('fieldset:eq(1)').find($('table.questiontable tbody tr')).css("border", "solid 3px #ACE");
var tableTwoCheck = $('fieldset:eq(1)').find('table.questiontable tbody tr').find('td:eq(1)').attr("colspan", "3").css("text-align", "center");
tableTwo.addClass('newLastRow');
$('fieldset:eq(1)').addClass("testClass").css("width", "100%");
tableTwoCheck.children().css("background-color", "#000");
tableTwo.insertAfter(tableOne.find('tr:last'));
$('#Q11cc_1').change(function() {
  var c = this.checked ? '#CCC' : '';
  $('tr').not($('tr.newLastRow td')).not($('tr.newLastRow')).css('color', c);
  if(this.checked){
  	disRadio();
  }else{
  enRadio();
  }
  
});

var disRadio = function toggleRadio() {$('tr').find('input[type=radio], input[type=text]').not($('tr.newLastRow td')).not($('tr.newLastRow')).attr('disabled', true);};

var enRadio = function toggleRadioNo() {$('tr').find('input[type=radio], input[type=text]').not($('tr.newLastRow td')).not($('tr.newLastRow')).attr('disabled', false);};

var inputReset = $('tr').find('input[type=radio], input[type=text]').not($('tr.newLastRow td')).not($('tr.newLastRow'))

inputReset.each(function () {
	this.checked = false;
  this.val = "";
});