Confirm dialog with optional checkbox

Question

I am working on a web application where I need to display an alert.

In this alert, clicking on "No" will hide the alert and clicking on "Yes" will remove the selected element (in example).

I would like to add a checkbox like "Remove all sibling elements" of that particular selected element.

Is it recommended UX to combine confirm choices and possible action through a checkbox?

I have read this part of Material Design Guidelines, nothing about checkboxes.

Answer 1

I would suggest the following solution:

^{download bmml source – Wireframes created with Balsamiq Mockups}

This way the user needs to make an immediate and explicit decision and there is no issue of forgetting to check or accidentally checking the checkbox.

For smaller/portrait displays the dialog can present like this:

^{download bmml source}

Remember, that on handheld devices the buttons are approached by the touch interface (from the bottom of the screen to the top), hence the most frequent button should be the lowest.