https://www.boatrace-toda.jp/webreserve/assets/js/reserve.js

1$(function() {
2
3	//Onload時のチェックボックス上限制御
4	seatsControl();
5
6	// レース選択のイベント設定
7	$('#racelist').change(function() {
8
9		var url = window.location.href;
10
11		//選択したvalue値を変数に格納
12		var val = $(this).val();
13
14		if(typeof URL == 'function'){
15			url = new URL(window.location.href);
16			url.searchParams.set('raceId', val);
17		} else {
18			url = url.split('?')[0];
19			url = url + "?raceId=" + val;
20		}
21
22		window.location.href = url;
23	});
24
25	// チェックボックスのイベント設定
26	$('input[name="seats"]').click(function() {
27		seatsControl();
28	});
29
30	// チェックボックスの上限制御
31	function seatsControl() {
32		var checked_length = $('input[name="seats"]:checked').length;
33
34		// 選択上限は2つまで
35		if (checked_length >= 2) {
36			$('input[name="seats"]:not(:checked)').prop('disabled', true);
37			$('input[name="seats"]:not(:checked)').parent().removeClass('btn-primary');
38			$('input[name="seats"]:not(:checked)').parent().addClass('btn-light');
39		} else {
40			$('input[name="seats"]:not(:checked)').prop('disabled', false);
41			$('input[name="seats"]:not(:checked)').parent().removeClass('btn-light');
42			$('input[name="seats"]:not(:checked)').parent().addClass('btn-primary');
43		}
44	}
45
46	// 二重送信制御
47	$('form').submit(function() {
48		$(this).find(':submit').prop('disabled', 'true');
49	});
50});