Checkbox clicking works, deselecting checkbox not working Javascript

» javascript » Checkbox clicking works, deselecting checkbox not working Javascript

By : Jason Parr

Date : November 29 2020, 09:01 AM

may help you . While deselect the checkbox you again set the result value. Calculate the value based on page value.
Please try below code.

code :

function calculate() 
{
   var myBox1 = document.getElementById('pages').value;
   if(isNaN(myBox1))
   {
      alert('Enter only numbers');
   }
   else
   {
      const myBox2=2;
      var result = document.getElementById('result');   
      var myResult = myBox1 * myBox2;
      result.value = myResult;
    }   
}

function checkbox1()
{
   var result1 = document.getElementById('result').value;
   const bresult=result1;
   if(document.getElementById('ckbox').checked === true)
   {
      const checks=3;
      var myResult1=result1 * checks;
      result.value = myResult1;
   }
   else
   {
       var myBox1 = document.getElementById('pages').value;
       const myBox2=2;
       result.value=myBox1 * myBox2;
   }
}

<table>
    <tr>
        <td>Number of Pages</td>
        <td>Check Boxes</td>
        <td>Total</td>
    </tr>    

    <tr>
        <td><input id="pages" type="text" oninput="calculate()" /></td>
        <td><input type="checkbox" id="ckbox"   onclick="checkbox1()">Assistance</td>
        <td><input id="result" /></td>
    </tr>
</table>

Share :

Disable/enable one checkbox on deselecting other checkbox in jsf?

By : user3474584

Date : March 29 2020, 07:55 AM

wish helps you 1) , change

code :

<p:ajax event="change" update="continuous" />

<p:ajax event="click" update="continuous" />

Javascript check/uncheck all checkbox function only works when there is more than one checkbox

By : James Cannon

Date : March 29 2020, 07:55 AM

will be helpful for those in need I've got a series of checkboxes set up as an array (name="action[]") and a JavaScript function linked to another checkbox to check/uncheck all of them. It works fine when there are at least two checkboxes to be checked, but if there's only one it does nothing. Can anyone point me in the right direction? !

code :

<input type="checkbox" name="checkall" id="checkall" class="box">

<input type="checkbox" name="action[]" id="action" value="' . $something['someid'] . '" class="box check-child">
<input type="checkbox" name="action[]" id="action" value="' . $something['someid'] . '" class="box check-child">

$("#checkall").click(function(){
    if($(this).is(":checked"))
        $(".check-child").attr("checked", "checked");
    else
        $(".check-child").removeAttr("checked");
));

JQuery - Clicking on checkbox container works, clicking on checkbox doesn't

By : Basit ali

Date : March 29 2020, 07:55 AM

Hope that helps Here: http://jsfiddle.net/umidbek_karimov/y84ne/
1: Wrap Your input[checkbox] in to label:

code :

<label><input type="checkbox" value="App1" />App1</label>

$(document).ready(function () {
    $(".dropdown-menu li label").click(function (ev) {
        ev.stopPropagation();
    });
});

#advanced_options label {
    font-weight:normal !important;
    font-family: Tahoma, Geneva, sans-serif;
    display:block;
    cursor: pointer;
}

Checkbox issue where clicking on Checkbox 3 marks Checkbox 1 and etc

By : user3645501

Date : March 29 2020, 07:55 AM

may help you . You should change the Ids of input checkboxes and for values of labels.

code :

<tr>
<td><input type="checkbox" id="checkbox65" class="css-checkbox med" />
    <label for="checkbox65" class="css-label med elegant" name="avatar" value="image1"/></label></td>
<td><input type="checkbox" id="checkbox66" class="css-checkbox med" />
    <label for="checkbox66" class="css-label med elegant" name="avatar" value="image2"/></label></td>
<td><input type="checkbox" id="checkbox67" class="css-checkbox med"/>
    <label for="checkbox67" class="css-label med elegant"  name="avatar" value="image3"></label></td>
</tr>

How to deselect the select all checkbox when i am deselecting even 1 checkbox in android

By : marcel

Date : March 29 2020, 07:55 AM

should help you out You can set OnCheckedChangeListener on holder.cbSelect. in your adapter.

code :

holder.cbSelect.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                    dataList.get(holder.getAdapterPosition()).setSelected(isChecked);
                    // here you can call listener to get notified 
            }
        });
    }

public interface OnMyCheckBoxCheckedChangeListener {
    void onMyCheckBoxCheckedChange();
}

private OnMyCheckBoxCheckedChangeListener mOnMyCheckBoxCheckedChangeListener;

    public YourAdapter(..., ..., OnMyCheckBoxCheckedChangeListener onMyCheckBoxCheckedChangeListener) {
            mOnMyCheckBoxCheckedChangeListener = onMyCheckBoxCheckedChangeListener;
        }

holder.cbSelect.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                    dataList.get(holder.getAdapterPosition()).setSelected(isChecked);
                    mOnMyCheckBoxCheckedChangeListener.onMyCheckBoxCheckedChange(); 
            }
        });
    }

yourRecyclerView.setAdapter(new YourAdapter(..., ..., new OnMyCheckBoxCheckedChangeListener() {
    @Override
    public void onMyCheckBoxCheckedChange() {
        // you will get notified here.
    }
}));