radio,checkbox的选中

radio，checkbox的选中

本人是一个jquery的菜鸟，所以在做项目的时候，会用到一些js的操作，每次都在网上搜，自己都没印象，所以这次在自己的项目中运用到了，就记下来，下次如果有忘记的，可以直接打开自己的博客看一下就可以了。

1.checkbox的选中

  用jquery来实现checkbox很方便一段代码就ok了，var chkArray = $("input[type='checkbox']").is(':checked');

如果你这个checkbox是多个，那么chkArray就是一个数组，因为var是弱类型

2.radio的选中

  需求：3中支付方式，如果选择支付宝，paypal，那么就不需要“账户名称”，“收款银行地址”等这些信息。

<div id="AccounttypeUL">
    <span>收款账户类型：</span>
    <input name="Accounttype" type="radio" value="1" checked="checked" οnclick="radioClick(this)"/>paypal
    <input name="Accounttype" type="radio" value="2" οnclick="radioClick(this)"/>支付宝
    <input name="Accounttype" type="radio" value="3" οnclick="radioClick(this)"/>银行汇款
    <font class="star">*</font>
</div>
<div id="paypalDiv">
    <span>收款账号：</span>
    <input name="paypal" id="paypal" type="text" class="login_text" size="35" οnblur="check('paypal')" οnfοcus="hint('paypal')"/>
    <font class="star">*</font>
</div>
<div>
    <font class="text_ts1" id="admin_paypal">请填写您的账号</font>
</div>                
<!-- 选择银联会有这些字段 -->
<div>
    <span>户名：</span>
    <input type="text" id="bankAccount" value="" name="bankAccount" autocomplete="off" class="login_text" size="35"/>
    <font class="star">*</font>
</div>
<div >
    <font class="text_ts1" id="admin_bankAccount">请填写你的户名</font>
</div>
<div>
    <span>收款银行地址：</span>
    <input type="text" id="bankaddress" value="" name="bankaddress" autocomplete="off" class="login_text" size="35"/>
    <font class="star">*</font>
</div>

那么在加载的时候，就不会展示户名，收款银行地址

JS代码：

$(function (){
    var radioArray = $('input:radio[name="Accounttype"]:checked').val();
    //默认为选中状态为1，所以隐藏下面所有的
    $("#paypalDiv").nextAll().hide();
});

function radioClick(obj){
    var radioVal = $('input:radio[name="Accounttype"]:checked').val();
    if(radioVal==3){
        $("#paypalDiv").nextAll().show();
    }else{
        $("#paypalDiv").nextAll().hide();
    }
}

用到的有nextAll()方法，show(),hide().

nextAll就是指以后的同级，show显示，hide隐藏