How to check if a check box is checked.

Hi William,

Would it be possible to share a screenshot of the DOM before and after one of your checkboxes is checked/unchecked?

Regards,
Subject7 Team

Let me know if this isn't what you are looking for.  "Screenshot of DOM" appears to be a fairly generic operation.

That was a screenshot before.  Here is an after:

Hi William,

Thanks, but what I am looking for is element in HTML, could you please inspect it and provide screenshot from Elements tab on your browser?

Regards,
Subject7 Team

Sure.   That I can do.   It appears to look the same no matter what.  But Subject7 seems to be able to read it to check it or uncheck it.

    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    --indigo: #6610f2;
    --pink: #e83e8c;
    --yellow: #ffb819;
    --cyan: #17a2b8;
    --gray-dark: #343a40;
    --black: #000;
    --gray: #616265;
    --lightgray: #b2b3b2;
    --gray91: #e8e8e8;
    --white: #fff;
    --navyblue: #14284b;
    --navybluelight: #e7e9ed;
    --navybluedark: #d0d4db;
    --purple: #6c3a77;
    --purplelight: #f0ebf1;
    --purpledark: #e2d8e4;
    --blue: #20558a;
    --bluelight: #e8eef3;
    --bluedark: #d2dde8;
    --teal: #005f71;
    --teallight: #e5eff1;
    --tealdark: #ccdfe3;
    --red: #c0143c;
    --redlight: #f9e7eb;
    --reddark: #f2d0d8;
    --green: #719500;
    --greenlight: #f1f4e5;
    --greendark: #e1e8cc;
    --orange: #e57200;
    --orangelight: #fcf1e5;
    --orangedark: #fae3cc;
    --lightblue: #5f9baf;
    --lightbluelight: #eff5f7;
    --lightbluedark: #dfebef;
    --warmyellow: #ffb819;
    --warmyellowlight: #fff8e8;
    --warmyellowdark: #fff1d1;
    --primary: #20558a;
    --secondary: #6c757d;
    --success: #719500;
    --info: #17a2b8;
    --warning: #ffb819;
    --danger: #c0143c;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Helvetica Neue",helvetica,arial,sans-serif;
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    pointer-events: auto;
    border-collapse: separate !important;
    border-spacing: 0;
    word-wrap: break-word;
    word-break: break-word;

Before the checkbox is checked:

<input id="select0" type="checkbox" title="Select">

After the checkbox is checked:

<input id="select0" type="checkbox" title="Select">

I have found a way to do this using CSS selecters and "Verify_element" operations.

Hi William,

Glad you were able to find a solution. Please let us know whenever you need any help.

Thanks!

Regards,
Subject7 Team

Hi, why is here not show how William solved the issue. Can I enter in the xpath a css and was that a solution or how.

Would be nice to see how to check if a checkbox is selected. Must be an easy way here...

Hi Krisztian,

Would you please inspect an example element and show us screenshots from when the element is enabled and disabled? We can provide a more thorough answer based on that.

Regards,
Subject7 Team

Krisztian, what I did is add the string (not including quotes) ":checked" to the "Css Selector" box in the Subject7 locator.   The xpath still needs to be in place.

I haven't verified it, but to check if it is not checked you could probably add this ":not(:checked)"

This does mean you need to build additional locators for each verification in addition to the locator for checking/unchecking the check box.