JQuery සමඟ පිරික්සුම් කොටුව සලකුණු කර ඇත්දැයි පරීක්ෂා කරන්න

පිරික්සුම් කොටුවේ අරාවෙහි ඇති හැඳුනුම්පත භාවිතයෙන් පිරික්සුම් කොටුවක ඇති කොටුවක් සලකුණු කර ඇත්දැයි පරීක්ෂා කරන්නේ කෙසේද?

මම පහත කේතය භාවිතා කරමි, නමුත් එය හැඳුනුම්පත නොසලකා සෑම විටම පරීක්ෂා කළ පිරික්සුම් කොටු ගණන නැවත ලබා දෙයි.

function isCheckedById(id) {
    alert(id);
    var checked = $("input[@id=" + id + "]:checked").length;
    alert(checked);

    if (checked == 0) {
        return false;
    } else {
        return true;
    }
}

ඔබගේ ලේඛනයේ හැඳුනුම්පත් අද්විතීය විය යුතුය, එයින් අදහස් වන්නේ ඔබ මෙය නොකළ යුතු බවයි :

<input type="checkbox" name="chk[]" id="chk[]" value="Apples" />
<input type="checkbox" name="chk[]" id="chk[]" value="Bananas" />

ඒ වෙනුවට, හැඳුනුම්පත අතහරින්න, ඉන්පසු ඒවා නමකින් හෝ අඩංගු අංගයකින් තෝරන්න:

<fieldset id="checkArray">
    <input type="checkbox" name="chk[]" value="Apples" />

    <input type="checkbox" name="chk[]" value="Bananas" />
</fieldset>

දැන් jQuery:

var atLeastOneIsChecked = $('#checkArray:checkbox:checked').length > 0;
//there should be no space between identifier and selector

// or, without the container:

var atLeastOneIsChecked = $('input[name="chk[]"]:checked').length > 0;

$('#' + id).is(":checked")

පිරික්සුම් කොටුව සලකුණු කර ඇත්නම් එය ලැබෙනු ඇත.

එකම නමක් ඇති පිරික්සුම් කොටු සඳහා ඔබට පරීක්ෂා කළ අයගේ ලැයිස්තුව ලබා ගත හැක්කේ:

var $boxes = $('input[name=thename]:checked');

ඉන්පසු ඒවා හරහා ගොස් පරීක්ෂා කර ඇති දේ බැලීමට ඔබට කළ හැකිය:

$boxes.each(function(){
    // Do stuff here with this
});

කොපමණ සංඛ්‍යාවක් පරීක්ෂා කර ඇත්දැයි සොයා ගැනීමට ඔබට කළ හැකිය:

$boxes.length;

$('#checkbox').is(':checked'); 

පිරික්සුම් කොටුව සලකුණු කර ඇත්නම් හෝ අසත්‍ය නම් ඉහත කේතය සත්‍ය වේ.

පහත සඳහන් සියලු ක්‍රම ප්‍රයෝජනවත් වේ:

$('#checkbox').is(":checked")

$('#checkbox').prop('checked')

$('#checkbox')[0].checked

$('#checkbox').get(0).checked

DOMelement හෝ inline "this.checked" වළක්වා ගත යුතුය. ඒ වෙනුවට ක්‍රමවේදය පිළිබඳ jQuery සිදුවීම් සවන්දෙන්නන් භාවිතා කළ යුතුය.

පිරික්සුම් කොටුව සලකුණු කර තිබේද නැද්ද යන්න පරීක්ෂා කිරීම සඳහා jQuery කේතය:

if($('input[name="checkBoxName"]').is(':checked'))
{
  // checked
}else
{
 // unchecked
}

විකල්පයක් ලෙස:

if($('input[name="checkBoxName"]:checked'))
{
    // checked
}else{
  // unchecked
}

පරීක්ෂා කළ ගුණාංගය මතක තබා ගත යුතු වැදගත්ම සංකල්පය නම් එය පරීක්ෂා කළ දේපලවලට අනුරූප නොවන බවයි. ආරෝපණය ඇත්ත වශයෙන්ම පෙරනිමි පිරික්සුම් දේපල වලට අනුරූප වන අතර එය භාවිතා කළ යුත්තේ පිරික්සුම් කොටුවේ ආරම්භක අගය සැකසීමට පමණි. පරීක්ෂා කරන ලද ගුණාංගයේ අගය, පිරික්සුම් කොටුවේ තත්වය සමඟ වෙනස් නොවේ. එබැවින්, පිරික්සුම් කොටුවක් සලකුණු කර ඇත්දැයි තීරණය කිරීම සඳහා හරස් බ්‍රව්සරයට අනුකූල ක්‍රමය වන්නේ දේපල භාවිතා කිරීමයි

පහත දැක්වෙන සියලු ක්‍රම හැකි ය

elem.checked 

$(elem).prop("checked") 

$(elem).is(":checked") 

ඔබට මෙම කේතය භාවිතා කළ හැකිය,

if($("#checkboxId").is(':checked')){
     // Code in the case checkbox is checked.
} else {
     // Code in the case checkbox is NOT checked.
}

JQuery ප්‍රලේඛනයට අනුව, පිරික්සුම් කොටුවක් සලකුණු කර තිබේද නැද්ද යන්න පරීක්ෂා කිරීමට පහත ක්‍රම තිබේ. උදාහරණයක් ලෙස පිරික්සුම් කොටුවක් සලකා බලමු ( සියලු උදාහරණ සමඟ වැඩ කරන jsfiddle පරීක්ෂා කරන්න )

<input type="checkbox" name="mycheckbox" id="mycheckbox" />
<br><br>
<input type="button" id="test-with-checked" value="Test with checked" />
<input type="button" id="test-with-is" value="Test with is" />
<input type="button" id="test-with-prop" value="Test with prop" />

උදාහරණ 1 - පරීක්ෂා කර ඇත

$("#test-with-checked").on("click", function(){
    if(mycheckbox.checked) {
        alert("Checkbox is checked.");
    } else {
        alert("Checkbox is unchecked.");
    }
}); 

උදාහරණ 2 - jQuery සමඟ, සටහන -: පරීක්ෂා කර ඇත

var check;
$("#test-with-is").on("click", function(){
    check = $("#mycheckbox").is(":checked");
    if(check) {
        alert("Checkbox is checked.");
    } else {
        alert("Checkbox is unchecked.");
    }
}); 

උදාහරණ 3 - jQuery මුක්කු සමඟ

var check;
$("#test-with-prop").on("click", function(){
    check = $("#mycheckbox").prop("checked");
    if(check) {
         alert("Checkbox is checked.");
    } else {
        alert("Checkbox is unchecked.");
    }
}); 

වැඩ කරන jsfiddle පරීක්ෂා කරන්න

ඔබට මෙය උත්සාහ කළ හැකිය:

<script>
function checkAllCheckBox(value)
{
   if($('#select_all_').is(':checked')){
   $(".check_").attr ( "checked" ,"checked" );
    }
    else
    {
        $(".check_").removeAttr('checked');
    }

 }

</script>
<input type="checkbox" name="chkbox" id="select_all_" value="1" />


<input type="checkbox" name="chkbox" class="check_" value="Apples" />
<input type="checkbox" name="chkbox" class="check_" value="Bananas" />
<input type="checkbox" name="chkbox" class="check_" value="Apples" />
<input type="checkbox" name="chkbox" class="check_" value="Bananas" />

OP ට jquery අවශ්‍ය බව මම දනිමි, නමුත් මගේ නඩුවේ පිරිසිදු JS පිළිතුර විය, එබැවින් මා වැනි අය මෙහි සිටින අතර jquery නොමැති නම් හෝ එය භාවිතා කිරීමට අකමැති නම් - මෙන්න JS පිළිතුර:

document.getElementById("myCheck").checked

ID myCheck සමඟ ආදානය පරික්ෂා කර ඇත්නම් සහ එය පරීක්ෂා නොකළ හොත් එය සත්‍ය වේ.

ඒ තරම් සරළයි.

ඔබට පහත සඳහන් ඕනෑම නිර්දේශිත කේතයක් jquery මගින් භාවිතා කළ හැකිය.

if ( elem.checked ) {};
if ( $( elem ).prop( "checked" ) ) {};
if ( $( elem ).is( ":checked" ) ) {};

මෙය මම නිතර භාවිතා කරන අදහසකි:

var active = $('#modal-check-visible').prop("checked") ? 1 : 0 ;

පරීක්ෂා කර බැලුවහොත්, එය 1 ආපසු එනු ඇත; නැතිනම් එය 0 නැවත ලබා දෙනු ඇත.

ඔබට එය සරලව කළ හැකිය;

වැඩ කරන ෆිදෙල්

HTML

<input id="checkbox" type="checkbox" />

jQuery

$(document).ready(function () {
    var ckbox = $('#checkbox');

    $('input').on('click',function () {
        if (ckbox.is(':checked')) {
            alert('You have Checked it');
        } else {
            alert('You Un-Checked it');
        }
    });
});

හෝ ඊටත් වඩා සරල ය;

$("#checkbox").attr("checked") ? alert("Checked") : alert("Unchecked");

checkboxපරීක්ෂා කර බැලුවහොත් එය trueවෙනත් ආකාරයකින් නැවත පැමිණේundefined

චෙක් පෙට්ටියක් පරීක්ෂා කිරීම සහ සැකසීම සඳහා සරල ආදර්ශනය.

jsfiddle !

$('.attr-value-name').click(function() {
    if($(this).parent().find('input[type="checkbox"]').is(':checked'))
    {
        $(this).parent().find('input[type="checkbox"]').prop('checked', false);
    }
    else
    {
        $(this).parent().find('input[type="checkbox"]').prop('checked', true);
    }
});

මගේ උදාහරණයෙන් කිවහොත් තත්වය සංවාද කොටුවක් වූ අතර පසුව සංවාදය වසා දැමීමට පෙර චෙක් කොටුව සත්‍යාපනය විය. ඉහත කිසිවක් නොමැති අතර jQuery හි පිරික්සුම් කොටුවක් තිබේදැයි පරීක්ෂා කරන්නේ කෙසේද? සහ jQuery පිරික්සුම් කොටුව සලකුණු කර ඇත්නම් එය ක්‍රියා කරන බවක් නොපෙනේ.

අවසානයේ දී

<input class="cb" id="rd" type="checkbox">
<input class="cb" id="fd" type="checkbox">

var fd=$('.cb#fd').is(':checked');
var rd= $('.cb#rd').is(':checked');

මෙය පංතියට පසුව හැඳුනුම්පත ඇමතීමට හේතු විය. හැඳුනුම්පතට වඩා. මෙම පිටුවෙහි ඇති කැදැලි DOM මූලද්‍රව්‍යයන් ගැටළුවට හේතු විය හැක. වැඩමුළුව ඉහළින් විය.

හැඳුනුම්පතක් සහිත පිරික්සුම් කොටුව සඳහා

<input id="id_input_checkbox13" type="checkbox"></input>

ඔබට සරලව කළ හැකිය

$("#id_input_checkbox13").prop('checked')

ඔබට ලැබෙනු ඇත trueහෝ falseඉහත කාරක රීති හිලව් වටිනාකමක් ලෙස. සාමාන්‍ය බූලියන් ප්‍රකාශනයක් ලෙස ඔබට එය භාවිතා කළ හැකිය.

මේ වගේ දෙයක් උදව් වෙන්න පුළුවන්

togglecheckBoxs =  function( objCheckBox ) {

    var boolAllChecked = true;

    if( false == objCheckBox.checked ) {
        $('#checkAll').prop( 'checked',false );
    } else {
        $( 'input[id^="someIds_"]' ).each( function( chkboxIndex, chkbox ) {
            if( false == chkbox.checked ) {
                $('#checkAll').prop( 'checked',false );
                boolAllChecked = false;
            }
        });

        if( true == boolAllChecked ) {
            $('#checkAll').prop( 'checked',true );
        }
    }
}

ඇත්ත වශයෙන්ම, jsperf.com ට අනුව , DOM මෙහෙයුම් වේගවත් වේ, පසුව $ (). මුක්කු () පසුව $ () වේ () !!

සින්ටැක්ස් මෙන්න:

var checkbox = $('#'+id);
/* OR var checkbox = $("input[name=checkbox1]"); whichever is best */

/* The DOM way - The fastest */
if(checkbox[0].checked == true)
   alert('Checkbox is checked!!');

/* Using jQuery .prop() - The second fastest */
if(checkbox.prop('checked') == true)
   alert('Checkbox is checked!!');

/* Using jQuery .is() - The slowest in the lot */
if(checkbox.is(':checked') == true)
   alert('Checkbox is checked!!');

මම පෞද්ගලිකව කැමතියි .prop(). මෙන් නොව .is(), එය අගය සැකසීමට ද භාවිතා කළ හැකිය.

පිරික්සුම් කොටුව සලකුණු කරන්න

$("#checkall").click(function(){
    $("input:checkbox").prop( 'checked',$(this).is(":checked") );
})

මෙම කේතය භාවිතා කිරීමෙන් ඔබට අවම වශයෙන් එක් පිරික්සුම් කොටුවක් තෝරාගෙන තිබේද යන්න පරීක්ෂා කළ හැකිය. මෙය භාවිතා කිරීමෙන් ඔබට හැඳුනුම්පත් හෝ ගතික හැඳුනුම් ඉවත් කිරීමට අවශ්‍ය නොවේ. මෙම කේතය එකම හැඳුනුම්පත් සමඟ ක්‍රියා කරයි.

යොමු සබැඳිය

<label class="control-label col-sm-4">Check Box 2</label>
    <input type="checkbox" name="checkbox2" id="checkbox21" value=ck1 /> ck1<br />
    <input type="checkbox" name="checkbox2" id="checkbox22" value=ck2 /> ck2<br />

<label class="control-label col-sm-4">Check Box 3</label>
    <input type="checkbox" name="checkbox3" id="checkbox31" value=ck3 /> ck3<br />
    <input type="checkbox" name="checkbox3" id="checkbox32" value=ck4 /> ck4<br />

<script>
function checkFormData() {
    if (!$('input[name=checkbox2]:checked').length > 0) {
        document.getElementById("errMessage").innerHTML = "Check Box 2 can not be null";
        return false;
    }
    if (!$('input[name=checkbox3]:checked').length > 0) {
        document.getElementById("errMessage").innerHTML = "Check Box 3 can not be null";
        return false;
    }
    alert("Success");
    return true;
}
</script>

එය 2019 මැද භාගය වන බැවින් සහ jQuery සමහර විට VueJS, React යනාදිය සඳහා පසුපස ආසනයක් ගනී. මෙන්න පිරිසිදු වැනිලා ජාවාස්ක්‍රිප්ට් ඔන්ලෝඩ් සවන්දීමේ විකල්පය:

<script>
  // Replace 'admincheckbox' both variable and ID with whatever suits.

  window.onload = function() {
    const admincheckbox = document.getElementById("admincheckbox");
    admincheckbox.addEventListener('click', function() {
      if(admincheckbox.checked){
        alert('Checked');
      } else {
        alert('Unchecked');
      }
    });
  }
</script>

ඔබගේ ප්‍රශ්නය පැහැදිලි නැත: ඔබට අවශ්‍ය වන්නේ “පිරික්සුම් කොටුවේ අරාව හැඳුනුම්පත” ලබා true/falseදී ප්‍රතිදානය ලබා ගැනීමටයි - මේ ආකාරයෙන් ඔබ පරීක්ෂා කළේ කුමන පිරික්සුම් කොටුවදැයි ඔබ නොදනී (ඔබේ ක්‍රියාකාරී නාමය අනුව). එබැවින් පහත දැක්වෙන්නේ ඔබේ ශරීරය පිළිබඳ මගේ යෝජනාවකි, isCheckedByIdඑය ආදාන මත පිරික්සුම් කොටුව idසහ ප්‍රතිදාන ආපසු ලබා true/falseගැනීමේදී (එය ඉතා සරල නමුත් ඔබේ හැඳුනුම්පත යතුරු පදයක් නොවිය යුතුය),

this[id].checked

function isCheckedById(id) {
  return this[id].checked;
}

function check() {
  console.clear()
  console.log('1',isCheckedById("myCheckbox1"));
  console.log('2',isCheckedById("myCheckbox2"));
  console.log('3',isCheckedById("myCheckbox3"));
}

<label><input id="myCheckbox1" type="checkbox">check 1</label>
<label><input id="myCheckbox2" type="checkbox">check 2</label>
<label><input id="myCheckbox3" type="checkbox">check 3</label>
<!-- label around inputs makes text clickable -->
<br>
<button onclick="check()">show checked</button>

පහත කේතය භාවිතා කරන්න

<script>

$(document).ready(function () {
  $("[id$='chkSendMail']").attr("onchange", "ShowMailSection()");
}

function ShowMailSection() {
  if ($("[id$='chkSendMail'][type='checkbox']:checked").length >0){
      $("[id$='SecEmail']").removeClass("Hide");
  }
</script>