js小应用整理

最新推荐文章于 2021-10-18 16:46:26 发布

wsrjzhsy0493

最新推荐文章于 2021-10-18 16:46:26 发布

阅读量110

点赞数

分类专栏： js 文章标签：网络应用 JavaScript jQuery JSP ASP ViewUI

js 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

判断表单，下拉框是否被选中

js：

var sendit   =document.getElementById("sendit")
var index =sendit.selectedIndex;
var Value =sendit.options[index].value;
var Text =sendit.options[index].text;
if(Value==1 && che == 0)
  {
       alert("请选择接收人");
   }

判断复选框，是否被选中

js：

     var rwjsr = document.getElementsByName("rwjsr");  //复选框ID
     var che=0;//定义变量，当复选框被选中，che加1.
      for (var j=0;j<rwjsr.length;j++){
      if(rwjsr[j].checked==true){
        che++;
      }
      }

网络载入

使用目前功能最强大，最流行的jquery库(引用jquery.js文件即可)

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关
获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

获取值：

文本框，文本区域：$("#txt").attr("value")；
多选框checkbox：$("#checkbox_id").attr("value")；
单选组radio：   $("input[@type=radio][@checked]").val();
下拉框select： $('#sel').val();

控制表单元素：
文本框，文本区域：$("#txt").attr("value",'');//清空内容
                 $("#txt").attr("value",'11');//填充内容

多选框checkbox： $("#chk1").attr("checked",'');//不打勾
                 $("#chk2").attr("checked",true);//打勾
                 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio：    $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select：   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
                $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
                $("#sel").empty()；//清空下拉框
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

js页面跳转参考代码大全

整理一下JS页面跳转参考代码

第一种：
<script language=\"javascript\" type=\"text/javascript\">
window.location.href=\"login.jsp?backurl=\"+window.location.href;
</script>

第二种：
<script language=\"javascript\">
alert(\"返回\");
window.history.back(-1);
</script>

第三种：
<script language=\"javascript\">
window.navigate(\"top.jsp\");
</script>

第四种：
<script language=\"JavaScript\">
self.location=’top.htm’;
</script>

第五种：
<script language=\"javascript\">
alert(\"非法访问！\");
top.location=’xx.jsp’;
</script>

＝＝＝＝＝javascript中弹出选择框跳转到其他页面＝＝＝＝＝
<script language=\"javascript\">

</script>

＝＝＝＝＝javascript中弹出提示框跳转到其他页面＝＝＝＝＝
<script language=\"javascript\">

</script>

返回上一页面

判断单选按钮

function check()
{
var flag=false;

for(i=0;i<form1.voteid.length;i++) {

if(form1.voteid[i].checked) {

flag=true;

}
}

if(flag==false) {
alert("请选择您的投票对象");

return false;
}

}

window .open showModelessDialog(打开子窗口)

function fnCallDialog() {
//window.showModelessDialog("tree.jsp", window, "status:false;dialogWidth:300px;dialogHeight:300px");
window.open ('<%=request.getContextPath() %>/admin/column/columnsmall/editname.jsp?id=<%=categorySmall%>&bigid=<%=categoryBig%>', 'window', 'height=150, width=500, top=400, left=700, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')
}

window open 关闭子窗口并刷新父窗口

window.close();
opener.location.reload();window.close();

window open (使用链接打开规定的窗口)