如下代码所示:
<c:forEach items="${requestScope.page.list}" var="device">
<div class="row">
<input id="deviceId" type="radio" name="devId" value="${device.id }" />
<div class="card" style="margin-bottom:5px;margin-top:5px;">
<div class="card-body">
<div class="row">
<div class="col" style="font-size:12px">${device.fullAddress }</div>
</div><br>
<p class="text-primary text-center">网点名称:${device.name }</p>
<p class="text-info">库存:</p>
<div class="row">
<div class="col text-center">
<img src="${basePath}image/100yuan.jpg" class="img-fluid"
alt="Cinque Terre" width="100" height="100">
<p class="text-info">钞箱纸币</p>
<p class="text-primary">${device.note100==null?0:device.note100 }张</p>
</div>
<div class="col text-center">
<img src="${basePath}image/50yuan.jpg" class="img-fluid"
alt="Cinque Terre" width="100" height="100">
<p class="text-info">钞箱纸币</p>
<p class="text-primary">${device.note50 ==null?0:device.note50 }张</p>
</div>
<div class="col text-center">
<img src="${basePath}image/20yuan.jpg" class="img-fluid"
alt="Cinque Terre" width="100" height="100">
<p class="text-info">钞箱纸币</p>
<p class="text-primary">${device.note20==null?0:device.note20 }张</p>
</div>
<div class="col text-center">
<img src="${basePath}image/10yuan.jpg" class="img-fluid"
alt="Cinque Terre" width="100" height="100">
<p class="text-info">钞箱纸币</p>
<p class="text-primary">${device.note10==null?0:device.note10 }张</p>
</div>
<div class="col text-center">
<img src="${basePath}image/5yuan.jpg" class="img-fluid"
alt="Cinque Terre" width="100" height="100">
<p class="text-info">钞箱纸币</p>
<p class="text-primary">${device.note5==null?0:device.note5 }张</p>
</div>
<div class="col text-center">
<img src="${basePath}image/1yuan.jpg" class="img-fluid"
alt="Cinque Terre" width="100" height="100">
<p class="text-info">钞箱纸币</p>
<p class="text-primary">${device.note1==null?0:device.note1 }张</p>
</div>
<div class="col text-center">
<img src="${basePath}image/1yuanyb.png" class="img-fluid"
alt="Cinque Terre" width="40" height="40">
<p class="text-info">钞箱硬币</p>
<p class="text-primary">${device.coin10==null?0:device.coin10 }枚</p>
</div>
<div class="col text-center">
<img src="${basePath}image/5jiao.png" class="img-fluid"
alt="Cinque Terre" width="40" height="40">
<p class="text-info">钞箱硬币</p>
<p class="text-primary">${device.coin5==null?0:device.coin5 }枚</p>
</div>
<div class="col text-center">
<img src="${basePath}image/1jiao.png" class="img-fluid"
alt="Cinque Terre" width="40" height="40">
<p class="text-info">钞箱硬币</p>
<p class="text-primary">${device.coin1==null?0:device.coin1 }枚</p>
</div>
</div>
<div class="row">
<div class="col text-center">
<img src="${basePath}image/100yuan.jpg" class="img-fluid"
alt="Cinque Terre" width="100" height="100">
<p class="text-info">回收箱纸币</p>
<p class="text-primary">${device.note100Cashbox==null?0:device.note100Cashbox }张</p>
</div>
<div class="col text-center">
<img src="${basePath}image/50yuan.jpg" class="img-fluid"
alt="Cinque Terre" width="100" height="100">
<p class="text-info">回收箱纸币</p>
<p class="text-primary">${device.note50Cashbox ==null?0:device.note50Cashbox }张</p>
</div>
<div class="col text-center">
<img src="${basePath}image/20yuan.jpg" class="img-fluid"
alt="Cinque Terre" width="100" height="100">
<p class="text-info">回收箱纸币</p>
<p class="text-primary">${device.note20Cashbox==null?0:device.note20Cashbox }张</p>
</div>
<div class="col text-center">
<img src="${basePath}image/10yuan.jpg" class="img-fluid"
alt="Cinque Terre" width="100" height="100">
<p class="text-info">回收箱纸币</p>
<p class="text-primary">${device.note10Cashbox==null?0:device.note10Cashbox }张</p>
</div>
<div class="col text-center">
<img src="${basePath}image/5yuan.jpg" class="img-fluid"
alt="Cinque Terre" width="100" height="100">
<p class="text-info">回收箱纸币</p>
<p class="text-primary">${device.note5cashbox==null?0:device.note5cashbox }张</p>
</div>
<div class="col text-center">
<img src="${basePath}image/1yuan.jpg" class="img-fluid"
alt="Cinque Terre" width="100" height="100">
<p class="text-info">回收箱纸币</p>
<p class="text-primary">${device.note1cashbox==null?0:device.note1cashbox }张</p>
</div>
<div class="col text-center">
<img src="${basePath}image/1yuanyb.png" class="img-fluid"
alt="Cinque Terre" width="40" height="40">
<p class="text-info">回收箱硬币</p>
<p class="text-primary">${device.coin10Cashbox==null?0:device.coin10Cashbox }枚</p>
</div>
<div class="col text-center">
<img src="${basePath}image/5jiao.png" class="img-fluid"
alt="Cinque Terre" width="40" height="40">
<p class="text-info">回收箱硬币</p>
<p class="text-primary">${device.coin5cashbox==null?0:device.coin5cashbox }枚</p>
</div>
<div class="col text-center">
<img src="${basePath}image/1jiao.png" class="img-fluid"
alt="Cinque Terre" width="40" height="40">
<p class="text-info">回收箱硬币</p>
<p class="text-primary">${device.coin1cashbox==null?0:device.coin1cashbox }枚</p>
</div>
</div>
<div class="row">
<div class="col text-center">
<p class="text-dark">成卷硬币1元</p>
<p class="text-primary">${device.coiling10 ==null?0:device.coiling10 }卷</p>
</div>
<div class="col text-center">
<p class="text-dark">成卷硬币5角</p>
<p class="text-primary">${device.coiling5 ==null?0:device.coiling5 }卷</p>
</div>
<div class="col text-center">
<p id="juan" class="text-dark">成卷硬币1角</p>
<p class="text-primary">${device.coiling1 ==null?0:device.coiling1 }卷</p>
</div>
</div>
</div>
</div>
</div>
</c:forEach>
我要获取jsp页面表单中的被选中行的id,js代码如下所示:
<script type="text/javascript">
function getLag(){
//name等于devId,且radio被选中
var checkedSubject = $('input[name=devId]:radio:checked');
alert(checkedSubject.val());
};
</script>