checkbox ,select,radio,得到选中值,设置显示的值

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zhang_kang_user/article/details/78040002

表单中checkbox ,select ,radio,判断选中情况,得到选中值,设置默认选中的值

radio:
页面中的例子

    <div class="Select_Round HSFS_H" style="width: 160px">
            <input type="radio" name="JSFF" value="6"  />第一个
            <input type="radio" name="JSFF" value="5"  />第二个
    </div>

判断选择中的是哪个

    //找input 中的radio中选中的value值  
    var val = $("input:radio[name="JSFF"]:checked').val();

默认让其选中那个

    $('input[name=JSFF]')[0].checked = true;//【0】为选中第一个,【1】为选中第二个
    //或者
    $("input[name=JSFF][value=5]").prop("checked", "checked");

select :(这里使用的easyui中的combobox)

$(“#GHSPFPLXid option:selected”).text();//平常的select得到选中的值(文本)

<select name="FPLX" id="GHSPFPLXid"  class="easyui-combobox" style="width: 145px;">
        <option value="0">百元</option>
        <option value="1">千元</option>
        <option value="2" selected="selected">万元</option>
        <option value="3">十万</option>
        <option value="4">百万</option>
        <option value="5">千万</option>
    </select>

得到选中的值

var ss  = $("#GHSPFPLXid").combobox("getValue");//这里得到是选中的value值,
//得到显示的文本内容
$("#GHSPFPLXid").combobox("getText");

默认让选中那个

$("#GHSPFPLXid").combobox("setValue", “3”);//显示value为3的“十万”

checkbox

    <div class="Select_Round" id="HTBGPFDBHjx">
        <input type="checkbox" name="STATUS" value=0 id="JXHT_id"/>未审核
        <input type="checkbox" name="STATUS" value=1 />审核               
    </div>

//得到选中的值

$("#HTBGPFDBHjx").find("input:checked").each(function() {
                    htCL += $(this).val() + ",";//得到选中,
                });
//也可以具体判断某一个是否选中了
$("#JXHT_id").is(":checked");//判断这个id是否被选中了

//默认选中

//默认选中具体哪一个
//$('input[name=RWBJ][value=0]')[0].checked = true;//
//div下的选中
$("#HTBGPFDBHjx").find("input[value=0]")[0].checked = false;

猜你喜欢

转载自blog.csdn.net/zhang_kang_user/article/details/78040002