用户勾选复选框时发出警报

时间:2014-01-09 04:41:28

标签: javascript checkbox

我的网站中有一个不受我控制的复选框。但它可以通过javascript,html,jquery..etc进行修改(他们提供了这样做的web applet)

Threre是一个复选框,可以使用ID“Zcb_1”进行识别。 如果用户只检查复选框,那么我不会发出警报。 当用户导航到页面时。复选框可能勾选或未勾选,但我不在乎。

仅当复选框的状态从未选中状态变为勾选时,才需要此警报。 我对jquery和ajax并不多,所以如果这可以简单地完成(只是使用javascript),那就太好了。

编辑: 如果我有一个值为'Y','N'的下拉列表(选择)并且空白,然后当用户选择'Y'时应该发出警报,那么如何实现相同的操作。(当值从空白或者更改时发出警报或'N'到'Y'

5 个答案:

答案 0 :(得分:0)

正如你所说,你可以使用jQuery(我还假设你所要求的是技术上可行),这就是代码:

$(function(){
   $("#your_checkbox_id").change(function(){
       if($(this).is(":checked")){
          alert("Checkbox checked!!");
       }
   });
});

干杯

答案 1 :(得分:0)

只是做:

document.getElementById("IDHERE").onchange = function() {
    if (!this.checked)
        alert("Unchecked");
}

答案 2 :(得分:0)

也许这就是你想要的:

if (document.getElementById('CheckBox1').checked){
   alert("Checkbox ticked");
}
else{
    alert("Checkbox not ticked");
}

答案 3 :(得分:0)

您可以使用标准的javascript onclick方法,然后检查是否this.checked然后执行您的程序调用。

答案 4 :(得分:-1)

使用javascript: -

<script type="text/javascript">  
//This is done to make the following JavaScript code compatible to XHTML. <![CDATA[ 
function verifybox() 
{ 
if (document.myform.checkbox1.checked) 
{ 
alert('This box is checked.'); 
} 
else 
{ 
alert('This box is not checked.'); 
} 
} 
//]]>  
</script>  
<form name="myform" action="#">  
<input type="checkbox" name="checkbox1" />Check here  
<p>  
<input type="button" value="Verify Box" name="Mybutton"  
onclick="verifybox()" /></p>  
</form>