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

女爷i 2022-05-20 23:04 242阅读 0赞

如下代码所示：

<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代码如下所示：

//name等于devId，且radio被选中
      		var checkedSubject = $('input[name=devId]:radio:checked');
      		
      		alert(checkedSubject.val());
    };
    </script>