<style> .goods_type{ display: none; } .band_type{ display: none; } </style> <form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action=""> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('G_type')}:</label> <div class="col-xs-12 col-sm-8"> {:build_radios('row[g_type]', $g_type,1, ['class'=>'form-control', 'required'=>''])} </div> </div> <div class="form-group goods_type"> <label class="control-label col-xs-12 col-sm-2">{:__('T_id')}:</label> <div class="col-xs-12 col-sm-8"> {:build_select('row[t_id]', $gtype, null, ['class'=>'form-control', 'required'=>''])} </div> </div> <div class="form-group band_type"> <label class="control-label col-xs-12 col-sm-2">{:__('B_id')}:</label> <div class="col-xs-12 col-sm-8"> {:build_select('row[b_id]', $btype, null, ['class'=>'form-control', 'required'=>''])} </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Flag')}:</label> <div class="col-xs-12 col-sm-8"> {:build_checkboxs('flag[]', $flag, null)} </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('File')}:</label> <div class="col-xs-12 col-sm-8"> <div class="input-group"> <input id="c-file" class="form-control" size="50" name="row[file]" type="text" placeholder="请上传视频"> <div class="input-group-addon no-border no-padding"> <span><button type="button" id="plupload-file" class="btn btn-danger plupload" data-input-id="c-file" data-multiple="false" data-preview-id="p-file"><i class="fa fa-upload"></i> {:__('Upload')}</button></span> <span><button type="button" id="fachoose-file" class="btn btn-primary fachoose" data-input-id="c-file" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span> </div> <span class="msg-box n-right" for="c-file"></span> </div> <ul class="row list-inline plupload-preview" id="p-file"></ul> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label> <div class="col-xs-12 col-sm-8"> <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" placeholder="请输入商品名称"> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Name_en')}:</label> <div class="col-xs-12 col-sm-8"> <input id="c-name_en" data-rule="required" class="form-control" name="row[name_en]" type="text" placeholder="请输入商品名称(英文)"> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Image')}:</label> <div class="col-xs-12 col-sm-8"> <div class="input-group"> <input id="c-image" data-rule="required" class="form-control" size="50" name="row[image]" type="text"> <div class="input-group-addon no-border no-padding"> <span><button type="button" id="plupload-image" class="btn btn-danger plupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span> <span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span> </div> <span class="msg-box n-right" for="c-image"></span> </div> <ul class="row list-inline plupload-preview" id="p-image"></ul> <span style="color:red;">图片尺寸:328*328</span> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Images')}:</label> <div class="col-xs-12 col-sm-8"> <div class="input-group"> <input id="c-images" data-rule="required" class="form-control" size="50" name="row[images]" type="text"> <div class="input-group-addon no-border no-padding"> <span><button type="button" id="plupload-images" class="btn btn-danger plupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span> <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span> </div> <span class="msg-box n-right" for="c-images"></span> </div> <ul class="row list-inline plupload-preview" id="p-images"></ul> <span style="color:red;">图片尺寸:750*750</span> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Sale_price')}:</label> <div class="col-xs-12 col-sm-8"> <input id="c-sale_price" data-rule="required" class="form-control" name="row[sale_price1]" type="text" placeholder="请输入商品销售价格(多个以'|'隔开)"> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Style')}:</label> <div class="col-xs-12 col-sm-8"> <input id="c-style" data-rule="required" class="form-control" name="row[style]" type="text" placeholder="请输入商品规格(多个以'|'隔开)"> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Market_price')}:</label> <div class="col-xs-12 col-sm-8"> <input id="c-market_price" class="form-control" step="0.01" name="row[market_price]" type="number" value="0.00"> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Expense_price')}:</label> <div class="col-xs-12 col-sm-8"> <input id="c-expense_price" class="form-control" step="0.01" name="row[expense_price]" type="number" value="0.00"> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Tag')}:</label> <div class="col-xs-12 col-sm-8"> <input id="c-tag" data-rule="required" class="form-control" name="row[tag]" type="text" placeholder="请输入商品标签(多个以'|'隔开)"> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Stock')}:</label> <div class="col-xs-12 col-sm-8"> <input id="c-stock" data-rule="required" class="form-control" name="row[stock]" type="text" placeholder="请输入商品库存(多个以'|'隔开)"> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Introduce')}:</label> <div class="col-xs-12 col-sm-8"> <input id="c-introduce" data-rule="required" class="form-control" name="row[introduce]" type="text" placeholder="请输入商品简介"> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Detail')}:</label> <div class="col-xs-12 col-sm-8"> <textarea id="c-detail" data-rule="required" class="form-control editor" rows="5" name="row[detail]" cols="50"></textarea> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Sort')}:</label> <div class="col-xs-12 col-sm-8"> <input id="c-sort" data-rule="required range(0~)" class="form-control" name="row[sort]" type="number" value="0"> </div> </div> <div class="form-group layer-footer"> <label class="control-label col-xs-12 col-sm-2"></label> <div class="col-xs-12 col-sm-8"> <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button> <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button> </div> </div> </form> <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script> <script> $(function(){ var value1 = $('input[type=radio]:checked').val(); type(value1); $('input[type=radio]').change(function () { var value = $(this).val(); type(value); }); }); function type(value){ if(value == 1){ //品类显示,品牌隐藏 $('.goods_type').css('display','block'); $('.band_type').css('display','none'); }else if(value == 2){ //品类隐藏,品牌显示 $('.goods_type').css('display','none'); $('.band_type').css('display','block'); }else if(value == 3){ //品类显示,品牌显示 $('.goods_type').css('display','block'); $('.band_type').css('display','block'); } } </script>