Automatically change value of multiple radio buttons

If anyone else comes across this issue, here was my Javascript solution - works perfect for my radio buttons. Hope it helps someone else out - also works with multi-part forms!

Basically this synchronizes fieldset values - so if you have multiple field sets down a page that all need to change if *one* is changed - this will do it. Although this was developed as a separate plugin, it should also work just fine in your theme functions file.

add_action('get_header', 'myplugin_gforms_multi_val_do');

/*
* JS to control radio buttons where required
* //TODO: Change to required page(s) to include in right places
* @since 1.0
*/
function myplugin_gforms_multi_val_do() {
	if (is_page('my-form-page') || is_page('my-form-page-other')) {
		add_action('wp_enqueue_scripts', 'myplugin_gforms_multi_val_jq');
		add_action('wp_footer', 'myplugin_gforms_multi_val_js');
	}
}

/*
* Insert JQuery to control radio buttons where required
* @since 1.0
*/
function myplugin_gforms_multi_val_jq() { wp_enqueue_script( 'jquery' ); }

/*
 * Insert JS to control radio buttons where required
 * //TODO: Change $target_vals array to required fields
 * @since 1.0
 */
function myplugin_gforms_multi_val_js() {
	if (is_page('testing')) {

		$target_vals = array('blue','red','gold','purple');

		echo "\n".'<script type="text/javascript">';
		echo "\n".'jQuery.noConflict();';
		echo 'jQuery(document).ready(function($) {';

		foreach ($target_vals as $val) {
			echo "$('[value=\"".$val."\"]').change(function(){";
			echo "$('[value=\"".$val."\"]').prop('checked',true);";
			echo "});";
		}

		echo "});"."\n";
		echo "</script>"."\n";

	}
}