札幌Web制作のシンクグラフィカ

先日はありがとうございました。もう1つ。。。

Shinさん (2020-05-16 19:53:50) cell.coresv.com/order/

結果的に、こんなふうにしてやりたいことはできたのですが。。。
function shipping(){
var obj = document.getElementById(’shipping_address1’);
document.getElementById(’shipping_price’).value = obj.options[obj.selectedIndex].getAttribute(’data-shipping’);
}

function displayOn(){
if(mfp.$(’separate’).checked){
document.getElementById(’billing’).style.display = "block";
}else{
document.getElementById(’billing’).style.display = "none";
}
}

function sw(){
if(mfp.$(’same’).checked){
document.getElementById(’billing_name’).removeAttribute(’data-required’,’required’);
document.getElementById(’billing_kana’).removeAttribute(’data-required’,’required’);
document.getElementById(’billing_post’).removeAttribute(’data-required’,’required’);
document.getElementById(’billing_address1’).removeAttribute(’data-required’,’required’);
document.getElementById(’billing_address2’).removeAttribute(’data-required’,’required’);
document.getElementById(’billing_address3’).removeAttribute(’data-required’,’required’);
document.getElementById(’billing_tel’).removeAttribute(’data-required’,’required’);
}else if(mfp.$(’separate’).checked){
document.getElementById(’billing_name’).setAttribute(’data-required’,’required’);
document.getElementById(’billing_kana’).setAttribute(’data-required’,’required’);
document.getElementById(’billing_post’).setAttribute(’data-required’,’required’);
document.getElementById(’billing_address1’).setAttribute(’data-required’,’required’);
document.getElementById(’billing_address2’).setAttribute(’data-required’,’required’);
document.getElementById(’billing_address3’).setAttribute(’data-required’,’required’);
document.getElementById(’billing_tel’).setAttribute(’data-required’,’required’);
}
}

ラジオボタンの選択によっては請求情報の入力を隠し、逆では表示する。
そして表示された際には必須項目が必須になる。

これ、請求者情報の表示、非表示の切り替えは何度行っても問題は生じないのですが、
表示状態から先頭の名前の欄で何か入力をした後、それを消して非表示状態にすると
必須を認識したまま先に進めなくなります。

これって解消方法とかあるのでしょうか?

いろいろすみません。
よろしくお願いいたします。