获取jsp页面表单中的被选中行的id

如下代码所示:

<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>

猜你喜欢

转载自blog.csdn.net/wang1171405487/article/details/80808524