input中checkbox的checked选中状态-陈周

来源：互联网发布：分布式系统云计算编辑：程序博客网时间：2024/06/11 10:32

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>checked</title>
<script type="text/javascript" src="js/jquery2.0.3.min.js" ></script>
</head>
<body>
<p><input type="checkbox" class="cbox" value="西瓜" />西瓜<span>单价：<i>69</i>￥</span><input class="inp" type="text" placeholder="请输购买次数" /></p>
<p><input type="checkbox" class="cbox" value="香蕉" />香蕉<span>单价：<i>49</i>￥</span><input class="inp" type="text" placeholder="请输购买次数" /></p>
<p><input type="checkbox" class="cbox" value="橙子" />橙子<span>单价：<i>136</i>￥</span><input class="inp" type="text" placeholder="请输购买次数" /></p>
<p><input type="checkbox" class="cbox" value="雪梨" />雪梨<span>单价：<i>78</i>￥</span><input class="inp" type="text" placeholder="请输购买次数" /></p>
<p><input type="checkbox" class="cbox" value="葡萄" />葡萄<span>单价：<i>25</i>￥</span><input class="inp" type="text" placeholder="请输购买次数" /></p>
<p><input type="checkbox" class="cbox" value="核桃" />核桃<span>单价：<i>44</i>￥</span><input class="inp" type="text" placeholder="请输购买次数" /></p>
<script>
$(function(){
var s = $("p");
var sinp = $("input[class='inp']");
s.each(function(i) {
$(this).children(".cbox").click(function(){
if(this.checked==true){
var res=$(this).val();
var idj=$(this).siblings("span").children("i").html();
$(this).siblings(".inp").blur(function(){
var cs=$(this).val();
var jg="不填入次数表示";
if(idj==""||idj==null){
alert("不填入次数表示");
}else{
jg=parseInt(idj)*parseInt(cs);
}
alert(jg);
});
}
});
});
}) ;
</script>

</body>
</html>

阅读全文

1 0