Javascript để kiểm tra xem hộp kiểm có đang được chọn hay không được chọn

Question

Tôi có thói quen javascript đang thực hiện tác vụ trên một nhóm hộp kiểm, nhưng hành động cuối cùng tôi muốn đặt hộp kiểm được nhấp để chọn hoặc bỏ chọn dựa trên người dùng chọn hộp hoặc bỏ chọn.

Thật không may, mỗi khi tôi kiểm tra xem nó đang được kiểm tra hay không được chọn, nó sẽ trả về "bật" cho biết người dùng luôn kiểm tra hộp! Bất kỳ trợ giúp sẽ được đánh giá cao, tôi cũng đã bao gồm javascript.

// Uncheck all the checkboxs with the same Tax Credit 
for (i=0; i<arrChecks.length; i++) 
{ 
    var attribute = arrChecks[i].getAttribute("xid") 
    if (attribute == elementName) 
    { 
     // if the current state is checked, unchecked and vice-versa 
     if (arrChecks[i].value == "on") // <-- This is always returning true, even if the box is being unchecked 
     { 
      arrChecks[i].checked = 1; 
     } else { 
      arrChecks[i].checked = 0; 
     } 

    } else { 
     arrChecks[i].checked = 0; 
    } 
} 

Answer 1

Bạn nên đánh giá dựa vào thuộc tính đã chọn của phần tử hộp kiểm.

for (i=0; i<arrChecks.length; i++) 
{ 
    var attribute = arrChecks[i].getAttribute("xid") 
    if (attribute == elementName) 
    { 
     // if the current state is checked, unchecked and vice-versa 
     if (arrChecks[i].checked) 
     { 
      arrChecks[i].checked = false; 
     } else { 
      arrChecks[i].checked = true; 
     } 

    } else { 
     arrChecks[i].checked = false; 
    } 
} 

Answer 2

Các value thuộc tính của một checkbox là những gì bạn được thiết lập bởi:

<input type='checkbox' name='test' value='1'> 

Vì vậy, khi một người nào đó để kiểm tra rằng hộp, máy chủ nhận được một biến có tên test với một value của 1 - những gì bạn muốn kiểm tra cho không phải là value của nó (mà sẽ không bao giờ thay đổi, cho dù nó được kiểm tra hay không) nhưng tình trạng checked của hộp kiểm.

Vì vậy, nếu bạn thay thế mã này:

if (arrChecks[i].value == "on") 
{ 
    arrChecks[i].checked = 1; 
} else { 
    arrChecks[i].checked = 0; 
} 

Với điều này:

arrChecks[i].checked = !arrChecks[i].checked; 

Nó sẽ làm việc. Bạn nên sử dụng true và false thay vì 0 và 1 cho việc này.

Answer 3

Tôi không chắc vấn đề là gì, nhưng tôi khá chắc chắn điều này sẽ khắc phục được sự cố.

for (i=0; i<arrChecks.length; i++) 
    { 
     var attribute = arrChecks[i].getAttribute("xid") 
     if (attribute == elementName) 
     { 
      if (arrChecks[i].checked == 0) 
      { 
       arrChecks[i].checked = 1; 
      } else { 
       arrChecks[i].checked = 0; 
      } 

     } else { 
      arrChecks[i].checked = 0; 
     } 
    } 

Answer 4

Ngoài ra hãy đảm bảo bạn thử nghiệm cả trong firefox và IE. Có một số lỗi khó chịu với các hộp kiểm thao tác JS.

Answer 5

Để chuyển đổi một hộp kiểm hoặc bạn có thể sử dụng

element.checked = !element.checked; 

vì vậy bạn có thể sử dụng

if (attribute == elementName) 
{ 
    arrChecks[i].checked = !arrChecks[i].checked; 
} else { 
    arrChecks[i].checked = false; 
} 

Answer 6

function enter_comment(super_id) { 
    if (!(document.getElementById(super_id).checked)) { 
     alert('selected checkbox is unchecked now') 
    } else { 
     alert('selected checkbox is checked now'); 
    } 
} 

<input type="checkbox" name="a" id="1" value="1" onclick="enter_comment(this.value)" />

<input type="checkbox" name="b" id="2" value="2" onclick="enter_comment(this.value)" />

Answer 7

function CHeck(){ 
    var ChkBox = document.getElementById("CheckBox1"); 
    alert(ChkBox.Checked); 
} 

<asp:CheckBox ID="CheckBox1" runat="server" onclick="CHeck()" />