記入内容をご確認の上、よろしければチェックして下のボタンをクリックして下さい。

※ボタンを押した後は、画面が切り替わるまでしばらくお待ちください。

document.addEventListener(“DOMContentLoaded”, function() {
const courseContainer = document.getElementById(“course-container”);
const optionContainer = document.getElementById(“option-container”);

const courses = {
“新規”: [“全身整体コース”, “マタニティ整体/産後骨盤矯正コース”, “U25/学生割引コース”],
“再来院”: [“全身整体コース”, “マタニティ整体/産後骨盤矯正コース”, “25歳以下整体コース”, “学生割引コース”]
};

const options = {
“新規”: {
“全身整体コース”: [“70分 ￥5000”, “100分 ￥8000”, “130分 ￥12000”],
“マタニティ整体/産後骨盤矯正コース”: [“70分 ￥5000”, “100分 ￥8000”, “130分 ￥12000”],
“U25/学生割引コース”: [“40分 ￥2000”, “70分 ￥3000”, “100分 ￥6000”]
},
“再来院”: {
“全身整体コース”: [“40分 ￥8000”, “70分 ￥12000”, “100分 ￥16000”],
“マタニティ整体/産後骨盤矯正コース”: [“40分 ￥6000”, “70分 ￥10000”, “100分 ￥14000”],
“25歳以下整体コース”: [“40分 ￥5000”, “70分 ￥9000”, “100分 ￥13000”],
“学生割引コース”: [“40分 ￥4000”, “70分 ￥8000”, “100分 ￥12000”]
}
};

function createRadioButtons(container, name, values) {
container.innerHTML = “”; // 既存の選択肢をクリア
values.forEach(function(value) {
let label = document.createElement(“label”);
let radio = document.createElement(“input”);
radio.type = “radio”;
radio.name = name;
radio.value = value;
label.appendChild(radio);
label.appendChild(document.createTextNode(” ” + value));
container.appendChild(label);
container.appendChild(document.createElement(“br”));
});
}

document.addEventListener(“change”, function(event) {
if (event.target.name === “category”) {
let selectedCategory = event.target.value;
if (courses[selectedCategory]) {
createRadioButtons(courseContainer, “course”, courses[selectedCategory]);
}
optionContainer.innerHTML = “”; // コース変更時にオプションをリセット
}

if (event.target.name === “course”) {
let selectedCategory = document.querySelector(“input[name=’category’]:checked”)?.value;
let selectedCourse = event.target.value;
if (selectedCategory && selectedCourse && options[selectedCategory] && options[selectedCategory][selectedCourse]) {
createRadioButtons(optionContainer, “option”, options[selectedCategory][selectedCourse]);
}
}
});
});