Html5利用jquery求和,前后端交互等

最新推荐文章于 2022-08-29 20:29:12 发布

杨宇sss

最新推荐文章于 2022-08-29 20:29:12 发布

阅读量1k

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/m0_37942145/article/details/80416914

版权

HTML 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

<html>

<div style="width:100%;">
<div style="bottom:72px;left:0;right:0;position:absolute;top:70px;font-size:20px;">
<table cellpadding="0" cellspacing="0" border="1" style="font-size:15px;">
<tr style="height:30px;">
<td ><b>日期</b></td>
<td ><b><input type="date" style="width:140px" value="#" id="rq" name="rq" ></td>
</tr>
<tr style="height:30px;width:1000px">
<td style="width:700px;text-align:left;" ><b>单个求和（只显示最大值）</b></td>
<td style="width:200px" id="sl6" name="sl6"></td>
</tr>
<tr style="height:30px;width:1000px;">
<td style="border-right:solid 0px;width:100px">1分</td>

<td style="width:200px" class="clickSelectcore_yl" id="sl1" name="sl1"> </td>
</tr>
<tr style="height:30px;width:1000px;">
<td>2分</td>

<td style="width:200px" class="clickSelectcore_yy" id="sl1tf" name="sl1tf"> </td>
</tr>

<tr style="height:30px;width:1000px;">
<td>3分</td>

<td style="width:200px" class="clickSelectcore_yt" id="sl1tS" name="sl1tS"></td>
</tr>
<tr style="height:30px;width:1000px">
<td style="width:800px;text-align:left;" ><b>单个求和示例2（只显示最大值）</b></td>
<td style="width:200px" id="sl7" name="sl7"></td>
</tr>
<tr style="height:30px;width:1000px;">
<td>1分</td>

<td style="width:200px" class="clickSelectcore_yl" id="sl2" name="sl2"> </td>
</tr>
<tr style="height:30px;width:1000px;">
<td>2分</td>

<td style="width:200px" class="clickSelectcore_yy" id="sl4" name="sl4"> </td>
</tr>
<tr style="height:30px;width:1000px;">
<td>3分</td>

<td style="width:200px" class="clickSelectcore_yt" id="sl5" name="sl5"> </td>
</tr>
<tr style="height:30px;width:1000px">
<td style="width:800px;text-align:left;" ><b>单个求和测试3（只显示最大值）</b></td>
<td style="width:200px" id="sl8" name="sl8"></td>
</tr>

<tr style="height:30px;width:1000px;">
<td>1分</td>

<td style="width:200px" class="clickSelectcore_yl" id="sl3" name="sl3"> </td>
</tr>
<tr style="height:30px;width:1000px">
<td style="width:800px;text-align:left;" ><b>总分</b></td>
<td style="width:200px" id="sl9" name="sl9"></td>
</tr>

</table>

</div>

live从jQuery 1.7开始，该函数被标记为已过时；从jQuery 1.9开始被移除。请使用on()函数来替代。即使在1.7版本之前，也强烈不推荐使用该函数。如果能够不使用该函数，就不要使用。

//attr：设置属性返回值

//live on 绑定事件处理函数

$(document).ready(function(){
checkboxSelected();
});
//进行对多选的赋值
function checkboxSelected(){
var fyy="${object?.dxjhid}";
var items_fyy=new Array();
if(fyy!=undefined){
items_fyy = fyy.split(',');
}
$.each(items_fyy,function(index,item){ //循环查找是否有相同值的value
$("input[name='dxjhid']").each(function(){ //循环查找
if($(this).val() == item){ //判断传过来的值是否与当前value的值相同
$(this).attr("checked",true); // 相同就将值赋进去，进行勾选attr设置属性返回值
}
});
});
}

var data = new Array();

$('.clickSelectcore_yl').on("dblclick",function(){
var clicktd = $(this);
if($(this).text()=="1"){
$(this).text("");
}else{
$(this).parent('tr').find("td").each(function(i,n){
if($(this).text()=="1分"){
clicktd.text("1");
}
});
}
hjdfxm();

});
$('.clickSelectcore_yt').on("dblclick",function(){
var clicktd = $(this);
if($(this).text()=="3"){
$(this).text("");
}else{
$(this).parent('tr').find("td").each(function(i,n){
if($(this).text()=="3分"){
clicktd.text("3");
}
});
}

hjdfxm();

});
$('.clickSelectcore_yy').on("dblclick",function(){
var clicktd = $(this);
if($(this).text()=="2"){
$(this).text("");
}else{
$(this).parent('tr').find("td").each(function(i,n){
if($(this).text()=="2分"){
clicktd.text("2");
}
});
}
hjdfxm();
});
//多选存在数组里
function show_gw(){
var arrays = new Array(); //创建一个数组对象
var items = document.getElementsByName("dxjhid"); //
for(i=0; i < items.length; i++){ //循环这组数据
if(items[i].checked){ //判断是否选中
arrays.push(items[i].value); //把符合条件的添加到数组中. push()是javascript数组中的方法.
}
}
$("#dxjhid_xz").val(arrays);
}

function hjdfxm(){
var q=0;
var q1=0;
var q2=0;
var sl1=$("#sl1").text();
if(sl1==""){
sl1=0;
}
var sl1tf=$("#sl1tf").text();
if(sl1tf==""){
sl1tf=0;
}
var sl1tS=$("#sl1tS").text();
if(sl1tS==""){
sl1tS=0;
}
/*7种可能产生的结果,具体如下*/
if(sl1!=0&&sl1tf==0&&sl1tS==0){
q = parseInt(sl1);
$("#sl6").text(q);
}

if(sl1==0&&sl1tf!=0&&sl1tS==0){
q = parseInt(sl1tf);
$("#sl6").text(q);
}
if(sl1==0&&sl1tf==0&&sl1tS!=0){
q = parseInt(sl1tS);
$("#sl6").text(q);
}
if(sl1!=0&&sl1tf!=0&&sl1tS==0){
q = parseInt(sl1tf);
$("#sl6").text(q);
}
if(sl1==0&&sl1tf!=0&&sl1tS!=0){
q = parseInt(sl1tS);
$("#sl6").text(q);
}
if(sl1!=0&&sl1tf==0&&sl1tS!=0){
q = parseInt(sl1tS);
$("#sl6").text(q);
}
if(sl1!=0&&sl1tf!=0&&sl1tS!=0){
q = parseInt(sl1tS);
$("#sl6").text(q);
}
var sl2=$("#sl2").text();
if(sl2==""){
sl2=0;
}
var sl4=$("#sl4").text();
if(sl4==""){
sl4=0;
}
var sl5=$("#sl5").text();
if(sl5==""){
sl5=0;
}
/*7种可能产生的结果具体如下*/
if(sl2!=0&&sl5==0&&sl4==0){
q1 = parseInt(sl2);
$("#sl7").text(q1);
}
if(sl2==0&&sl5!=0&&sl4==0){
q1 = parseInt(sl5);
$("#sl7").text(q1);
}
if(sl2==0&&sl5==0&&sl4!=0){
q1 = parseInt(sl4);
$("#sl7").text(q1);
}
if(sl2!=0&&sl5==0&&sl4!=0){
q1 = parseInt(sl4);
$("#sl7").text(q1);
}
if(sl2==0&&sl5!=0&&sl4!=0){
q1 = parseInt(sl5);
$("#sl7").text(q1);
}

if(sl2!=0&&sl5!=0&&sl4!=0){
q1 = parseInt(sl5);
$("#sl7").text(q1);
}

var sl3=$("#sl3").text();
if(sl3==""){
sl3=0;
}
/*1种可能产生的结果*/
if(sl3!=0){
q2 = parseInt(sl3);
$("#sl8").text(q2);
}
/*总分*/
if(q!=0||q2!=0||q1!=0){
var q3 = q+q1+q2;
$("#sl9").text(q3);
}
}

</script>

</html>

杨宇sss

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html5利用jquery求和,前后端交互等

&lt;html&gt;&lt;META http-equiv=Content-Type content="text/html; charset=utf-8"&gt;&lt;div style="width:100%;"&gt; &lt;div style="bottom:72px;left:0;right:0;position:absolute;top:70px;font-size:20px...
复制链接

扫一扫