单选框、复选框 attr、prop

发表于




<tr>
 <th>是否积分产品:</th>
 <td>
 <label class='attr'><input type="radio" id="is_score1" name="is_score" value="1"> 是</label>
 <label class='attr'><input type="radio" id="is_score2" name="is_score" value="0" checked> 否</label>
 <label class="abc">商品是否为积分兑换产品</label>
 <label><input id="score" type="text" pattern="required" alt="所需积分不能为空"  name="score" style="display:none" placeholder="请输入需要的积分" /></label>
 </td>
 </tr>

<tr>
 <th>商品推荐类型:</th>
 <td>
 <label class="attr"><input name="_goods_commend[]" type="checkbox" value="1" />最新商品</label>
 <label class="attr"><input name="_goods_commend[]" type="checkbox" value="2" />特价商品</label>
 <label class="attr"><input name="_goods_commend[]" type="checkbox" value="3" />推荐商品</label>
 <label class="attr"><input id="buychange" name="_goods_commend[]" type="checkbox" value="4" />换购专区</label>
 <label class="attr"><input name="_goods_commend[]" type="checkbox" value="5" />热卖商品</label>
 <label class="attr"><input name="_goods_commend[]" type="checkbox" value="6" />好货专区</label>
 <label class="attr"><input id="buyhot" name="_goods_commend[]" type="checkbox" value="7" />买爆了</label>
 <label class="attr"><input name="_goods_commend[]" type="checkbox" value="8" />供应链专区</label>
 </td>
 </tr>
 <tr>
 <th></th>
 <td>
 <div class="mb" style="display: none;">
 <label class="attr"><input name="_goods_commend[]" type="text" value="1" />+</label>
 <label class="attr"><input name="_goods_commend[]" type="text" value="2" /></label>消费金+鱼豆<br />
 <label class="attr"><input name="_goods_commend[]" type="text" value="3" />+</label>
 <label class="attr"><input name="_goods_commend[]" type="text" value="4" /></label>现金+鱼豆<br />
 </div>
 <div class="hg" style="display: none;">
 <label class="attr"><input name="_goods_commend[]" type="text" value="5" /></label>购物券
 </div>
 </td>
 </tr>

<script>
	var va="<?php echo $form['is_score']; ?>";
	if(va == 1){
  	    $("#score").attr("style","display:inline");
  	}else{
  	    $("#score").attr("style","display:none");
  	}
	$("#is_score1").click(function(){
	    $("#score").attr("style","display:inline");
	});
	$("#is_score2").click(function(){
	    $("#score").attr("style","display:none");
	});
</script>
<script>
<?php if($goods_commend){ ?>
var b = "<?php echo in_array(4, $goods_commend) ?>";
var c = "<?php echo in_array(7, $goods_commend) ?>";

if(c == 1){
	$('.mb').attr('style','display:block');
}
if(b == 1){
	$('.hg').attr('style','display:block');
}
<?php } ?>
$('#buyhot').change(function(event) {
	if($(this).prop("checked")){
		$('.mb').attr('style','display:block');
	}else{
		$('.mb').attr('style','display:none');
	}
});
$('#buychange').change(function(event) {
	if($(this).prop("checked")){
		$('.hg').attr('style','display:block');
	}else{
		$('.hg').attr('style','display:none');
	}
});
</script>

这个是在做iwebshop后台时遇到的一个需求,点击显示,点击隐藏,看懂了吗?

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注