javascript - 基于单选按钮显示/隐藏表单字段

Question

是否有可能同时定位两个输入？

我有两组单选按钮，我想根据组合选择隐藏输入字段。

How can I take the below code and combine both:

$('input[name=requestType]').click(function() {
                if(this.value == 'Team')

$('input[name=sessionType]').click(function() {
                    if(this.value == 'Remote Session')

我希望能够选择“团队”单选按钮和“远程 session ”按钮并隐藏/显示输入。

以下是图片:

正确:
[![在此处输入图像描述][2]][2]

正确:
[![在此处输入图像描述][3]][3]

错误:
[![在此处输入图像描述][4]][4]

这是代码:

$(document).ready(function () {
    $('input[name=requestType]').click(function() {
        if(this.value == 'Team')
        {
            $(".total").show();
            $(".teamname").show();
            $(".one").show();
            $(".two").show();
            $(".three").show();
            $(".four").show();
            $(".five").show();
        }
        else
        {
            $(".teams").hide();
        }
    });

Answer 1

以下内容并不假设用户已按特定顺序选择了选项，并且无论选择的顺序如何，都会评估要显示的字段。

我相信您需要考虑 3 种组合:

• (if) requestType == 'Team' && sessionType == 'Live Session'
• (elseif) requestType == '团队'
• (其他)requestType !== '团队'

试试这个，看看它是否适合你。

$(document).ready(function () {
    $('input[name=requestType]').click(function() {
         toggleTeamsFields();
    });

    $('input[name=sessionType]').click(function(){
         toggleTeamsFields();
    });
});

function toggleTeamsFields(){

    if($('input[name=requestType]').value == 'Team' && if($('input[name=sessionType]').value == 'Live Session'){

        $(".total").show();
        $(".teamname").show();
        $(".one").show();
        $(".two").show();
        $(".three").show();
        $(".four").show();
        $(".five").show();

    }elseif($('input[name=requestType]').value == 'Team'){

        $(".teams").hide();
        $(".teamname").show();

    }else{

        $(".teams").hide();

    } 
}

您也可以使用 case-switch 语句来执行相同的操作，但是当我的语句不大于 if/elseif/else 时，我通常不会使用 case-switch。