<div class="tools"> <ul class="toolbar"> <li><a href="/UltraCPI/add"><span><img src="images/t01.png" /></span>添加</a></li> <li><a href=""><span><img src="images/t02.png" /></span>修改</a></li> <li><a href=""><span><img src="images/t03.png" /></span>删除</a></li> <li><a href=""><span><img src="images/t05.png"/></span>手动运行数据更新器</a></li> </ul> </div> <table class="imgtable"> <thead> <tr> <th>选中</th> <th>时间</th> <th>总居民消费CPI</th> <th>食品类CPI</th> <th>衣着类CPI</th> <th>居住类CPI</th> <th>服务类CPI</th> <th>交通通信类CPI</th> <th>教育类CPI</th> <th>医药类CPI</th> <th>其他类CPI</th> </tr> </thead> <tbody> <c:forEach items="${cpi}" var="i"> <tr> <td><input name="radiobox" type="radio" value=${i.TIMES}/></td> <c:if test="${i.TIMES==999999}"> <td>预测本月</td> </c:if> <c:if test="${i.TIMES!=999999}"> <td>${i.TIMES}</td> </c:if> <td>${i.CPI}</td> <td>${i.FOOD}</td> <td>${i.CLOTH}</td> <td>${i.RESIDE}</td> <td>${i.SERVICE}</td> <td>${i.TRANS}</td> <td>${i.EDU}</td> <td>${i.MEDIC}</td> <td>${i.OTHER}</td> </tr> </c:forEach> </tbody> </table>我希望页面在点击修改和删除的时候把单选框的value提交给服务器,我应该怎么改
时间: 2023-10-24 20:08:40 浏览: 130
你需要给修改和删除的链接添加一个JavaScript函数,用来获取选中的单选框的value,并将其作为参数提交给服务器。具体的修改如下:
```
<div class="tools">
<ul class="toolbar">
<li><a href="/UltraCPI/add"><span><img src="images/t01.png" /></span>添加</a></li>
<li><a href="#" onclick="editData()"><span><img src="images/t02.png" /></span>修改</a></li>
<li><a href="#" onclick="deleteData()"><span><img src="images/t03.png" /></span>删除</a></li>
<li><a href=""><span><img src="images/t05.png"/></span>手动运行数据更新器</a></li>
</ul>
</div>
<script>
function editData() {
var radioButtons = document.getElementsByName("radiobox");
var selectedValue = "";
for (var i = 0; i < radioButtons.length; i++) {
if (radioButtons[i].checked) {
selectedValue = radioButtons[i].value;
break;
}
}
if (selectedValue != "") {
window.location.href = "/UltraCPI/edit?times=" + selectedValue;
} else {
alert("请选择一条记录进行修改!");
}
}
function deleteData() {
var radioButtons = document.getElementsByName("radiobox");
var selectedValue = "";
for (var i = 0; i < radioButtons.length; i++) {
if (radioButtons[i].checked) {
selectedValue = radioButtons[i].value;
break;
}
}
if (selectedValue != "") {
window.location.href = "/UltraCPI/delete?times=" + selectedValue;
} else {
alert("请选择一条记录进行删除!");
}
}
</script>
```
在这段代码中,我们分别为修改和删除链接添加了`onclick`事件,并分别调用了`editData()`和`deleteData()`函数。这两个函数的作用是获取选中的单选框的value,并将其作为参数提交给服务器。如果没有选中任何单选框,则弹出提示框提示用户选择一条记录进行修改或删除。
阅读全文