Javascript 如何操作:选中单选按钮时需要更改输入?

Javascript 如何操作:选中单选按钮时需要更改输入?,javascript,html,validation,Javascript,Html,Validation,我需要帮助。我有3个单选按钮1。信用卡2。货物付款 3.银行付款 因此,我希望当选中id=credit-credit-Cart:credit-Cart信息输入时,JS是必需的 当所选单选按钮变为信用卡时,将打开卡信息。选择其他时,无需刷卡付款。因此,只有在选择购物车时才必须输入信息 $'input[name=cname]'。changefunction{ 如果$kart.is':选中'{ $'cname'。添加.attr'required'; $'cnumber'.add.attr'requi

我需要帮助。我有3个单选按钮1。信用卡2。货物付款 3.银行付款

因此,我希望当选中id=credit-credit-Cart:credit-Cart信息输入时,JS是必需的

当所选单选按钮变为信用卡时,将打开卡信息。选择其他时,无需刷卡付款。因此,只有在选择购物车时才必须输入信息

$'input[name=cname]'。changefunction{ 如果$kart.is':选中'{ $'cname'。添加.attr'required'; $'cnumber'.add.attr'required'; $'cmonth'。添加.attr'required'; $'cyear'。添加.attr'required'; $'ccvc'。添加.attr'required'; }否则{ $'cname'。removeAttr'required'; $'cnumber'。removeAttr'required'; $'cmonth'。removeAttr'required'; $'cyear'。removeAttr'required'; $'ccvc'。removeAttr'required'; } }; 帕尔carte Kreadi 帕耶拉波特酒店 平价银行 点菜上的名字和名字 点菜数 到期日 伦内 01 02 03 04 05 06 07 08 09 10 11 12 一 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 CVC 几件事

你想按一下收音机就跑吗 你想测试信用,而不是卡丁车 要验证select,它需要一个空月 常数cc==>{ const checked=$credit.is':checked'; ['cnumber'、'cmmonth'、'cyear'、'ccvc'、'cname']的缩写。forEachele=>{ $ele=$+ele; 如果$ele.length>0{//测试元素是否存在 如果选中$ele.attrrequired,则为true; 否则需要$ele.removeattr; } } }; $'[name=paymentType]'。单击,抄送 cc;//在负载下 //从当前年份生成年份的额外代码 const year=+Stringnew Date.getFullYear.2; 设curMonth=newdate.getMonth+1; $cyear[0]。选项。长度=1;//除去一个以外的所有
对于let i=年份,n=年份+9;i您的问题不太清楚,但如果您试图在检查信用无线电时执行验证,您可以按如下方式进行处理:

存储一个变量,我们称之为const isValidationRequired=false; 在所有无线电输入上都有事件侦听器。假设您在父div上添加了一个类radios包装器,那么请选择以下选项: `


我给你编了一段。请添加相关的HTML.add.attr'required';不是有效的JSMy 2输入:名称和名称按顺序排列您有5个-请添加到代码段,而不是注释HX以获得答案,但不起作用:。。。是否应该是必需的=在输入中?@LingonTechnology它不起作用,因为您的代码中有错误。这是信用卡,而不是卡丁车,当用户单击付款类型时,而不是当他们更改名称时,您希望更改:您需要一个带有空选项的请选择来验证选择!
function handleRadioClick(e) {
    const targetId = e.target.id;
    if (targetId == "credit") {
        isValidationRequired = true;
    }
}

const radiosWrapper = document.querySelector('.radios-wrapper');
const radios = radiosWrapper.querySelectorAll('input[type='radio']');
radios.forEach(radio => radio.addEventListener('click', handleRadioClick))