<xf:checkboxrow
	hint="{$hintHtml}"
	explain="{$explainHtml}"
	html="{$listedHtml}"
	rowclass="{$rowClass}">

	<xf:option name="{$inputName}" selected="$option.option_value" class="js-enableTrophies">{$option.title}</xf:option>
</xf:checkboxrow>

<xf:js>
	$(document).ready(function()
	{
		processCheckBox();

		$('.js-enableTrophies').click(function()
		{
			processCheckBox();
		});

		function processCheckBox()
		{
			var $userTitle = $("input[name='options[userTitleLadderField]']:checked"),
				$trophyOption = $('.js-trophy_points'),
				$messageOption = $('.js-messages');

			if ($('.js-enableTrophies').is(':checked'))
			{
				$trophyOption.attr('disabled', false);
			}
			else
			{
				$trophyOption.attr('disabled', true);

				if ($userTitle.val() == 'trophy_points')
				{
					$messageOption.prop('checked', true);
				}
			}
		}
	});
</xf:js>