easyUI,select控制tr列的radio显示

本文介绍了一个使用Python进行的输入组件配置案例,展示了如何通过选择不同的输入类型(如文本框、复选框等)来动态调整界面元素,并实现特定类型的自定义选项。此配置通过JavaScript实现,适用于希望了解输入组件动态配置的开发者。

<tr>
    <td>输入类型:</td>
    <td><select id="selectOptionAdd" class="easyui-combobox" name="inputType" editable="false">
        <option id="option" value="1" selected="selected">text</option>
        <option id="option" value="2">checkbox</option>
        <option id="option" value="3">select</option>
        <option id="option" value="4">textarea</option>
    </select></td>
</tr>
<tr id="trAdd" style="display: none">
    <td style="text-align:right">自定义:</td>
    <td>
        <span class="radioSpan">
            <input type="radio" name="customizable" value="1" id="radio3"><label for="radio3">是</label></input>
            <input type="radio" name="customizable" value="2" id="radio4"><label for="radio4">否</label></input>
        </span>
    </td>
</tr>

<script type="text/javascript">
//添加属性   选择输入类型select, 操作是否可自定义
$('#selectOptionAdd').combobox({  
    onChange:function(newValue,oldValue){  
        if(newValue==2 || newValue==3){
            $("#trAdd").show(); 
        }else{
            $("#trAdd").hide(); 
        }
    }
}); 
</script>

转载于:https://my.oschina.net/longcnway/blog/689926

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值