检查单选按钮的最佳做法是什么

时间:2014-04-27 15:37:01

标签: jquery

我在结帐页面上工作,该页面有2个单选按钮。

公司和私人

默认情况下会选中“私人”,如果点击公司则会显示一个范围。但是,如果我重新加载浏览器公司将保持检查,但不显示跨度。

如何"结合"这一切逻辑是最好的方法吗?

我需要"检查"在页面加载哪一个被检查+我需要检查何时对收音机设置进行了更改 - 我可以以某种方式组合,所以我最终只有一个功能?

//Check if company is set 
if ($("#check-acceptd").is(":checked")) {
        $("#Name").hide(); 
        } 
    else
        {
         $("#Name").show();  
        }
    });

<span>Private</span>
<input type="radio" checked="checked" name="radioCustomerType" id="radioPrivate" />
<span>Company</span>
<input type="radio" name="radioCustomerType" id="RadioCompany" />

<span id="Name">testing...</span>

// UPDATE

我试图这样做,但它没有按预期工作。什么时候被解雇&#34;

function checkCustomerType(){
        if( this.checked ){
            $("#Name").hide(); 
        } else {
             $("#Name").show();  
        }
    }
    $('#RadioPrivate, #RadioCompany').change(checkCustomerType);
    checkCustomerType();

//一个溶剂,但必须有更好的方法,想象我只有3个单选按钮,那么它需要更多的验证。

function checkCustomerType(){
        if ($("#RadioPrivate").is(":checked")) 
        {
            $("#Name").hide(); 
        } else {
             $("#Name").show();  
        }
    }
    $('#RadioPrivate, #RadioCompany').click(checkCustomerType);
    checkCustomerType();

0 个答案:

没有答案