js 选择不同表单项目 弹出不同的提示

JavaScript032

js 选择不同表单项目 弹出不同的提示,第1张

1. 一开始初始化，利用onchange事件

var total = 0

window.onload = function(){

     var cks = document.playlist.ckbox

     var len = cks.length

     for(var i = 0i<leni++) {

         cks[i].onchange = function(){

             if(this.checked) {

                 total++

             }else{

                 total--

             }

         }

     }

 alert("你选择了 " + total + " 个选项.")

}

2. 后续调用

function numCheck(form)   

{

  var total = 0  

  var len = form.ckbox.length  

  for (var idx = 0 idx < len idx++)   

  {

    if (form.ckbox[idx].checked)

    {

      total++

    }

  }

  alert("你选择了 " + total + " 个选项.")

}

弹出提示框一般有3种

1)alert (普通提示框)

2)prompt (可输入的提示框)

3)confirm (可选择的提示框)

下面举个例子:

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

<button onclick="mal()">第一种:alert</button>

<button onclick="mpro()">第二种:prompt</button>

<button onclick="mcon()">第三种:confirm</button>

<script>

    function mal(){

        alert('这是一个普通的提示框')

    }

    function mpro(){

        var val = prompt('这是一个可输入的提示框','这个参数为输入框默认值,可以不填哦')

        //prompt会把输入框的值返回给你

    }

    function mcon(){

        var boo = confirm('这是一个可选择的提示框,3种提示方式,学会了吗?')

        //confirm 会返回你选择的选项,然后可以依据选择执行逻辑

        if(boo){

            alert('学会了,真聪明')

        }else{

            alert('再来一遍吧')

        }

    }

</script>

</body>

</html>

<html>

<script>

function init(){

window.confirm("kk")

}

function window.confirm(str) { execScript("n = (msgbox('"+ str +"',vbYesNo,'自定?提示框的title')=vbYes)","vbscript")return(n)}

</script>

<body>

<input id="1" type="button" value="asdfasdf" onClick="window.confirm('是否？')">

</body>

</html>

这样可以的，以经试过