easyui radio 类型的取值和赋值方法

最新推荐文章于 2018-01-15 15:02:12 发布

weixin_33897722

最新推荐文章于 2018-01-15 15:02:12 发布

阅读量1.7k

点赞数

文章标签： javascript ui ViewUI

本文介绍了如何在HTML中创建Radio按钮，并通过JavaScript实现获取和设置Radio按钮的值。包括了具体的HTML代码示例和JavaScript函数说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

   1.HTML 文件
    <tr id="client_check1">
        <th>委托人证件类型:</th>
        <td><input id="certType" type="radio" name="certType"
            class="easyui-validatebox" checked="checked" value="身份证"><label>身份证</label></input>
            <input id="certType" type="radio" name="certType"
            class="easyui-validatebox" value="护照"><label>护照</label></input>
        </td>
    </tr>
    
    

   2.JS的取值和赋值方法
    //取值方法
    function checkRadio(){
        alert($("input[name='certType'][checked]").val());
    }

    赋值方法
    //将委托人的信息进行赋值
    if (data.certType == "身份证") {
        $("input[name='certType'][value='身份证']").attr("checked",true); 
    }else if(data.certType == "护照"){
        $("input[name='certType'][value='护照']").attr("checked",true); 
    }
    
    
    radio 取值：
    JS代码
    $("input[name='radioName'][checked]").val(); 
    
    radio 赋值, 选中值为2的radio：
    JS代码
    $("input[name='radioName'][value=2]").attr("checked",true);