JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" id="dialogue" value="Afficher la boîte de dialogue" >
<input type="button" id="bouton1" value="Monsieur">
<input type="button" id="bouton2" value="Madame">
<input type="button" id="check" value="Cocher">

JavaScript

$(document).ready(function(){

var $dialog = $('<div></div>')
    .html('<form id="myform" action=""><input type="checkbox" id="check0" name="check0" value="" />text<br /><select id="titre"><option value="0"></option><option value="1">Monsieur</option><option value="2">Madame</option></select></form>')
    .dialog({
        autoOpen: false,
        title: 'Checkbox et select',
        buttons: {
          "Submit Form": function() { alert('Submit...'); },
          "Cancel": function() {$(this).dialog("close");}
        }
    });

	$('#dialogue').click(function() {
		$dialog.dialog('open');
		return false;
	});

var c ="X";

$('#bouton1').click(function() {
	var civilite = "Monsieur"; //alert(civilite);
	$("#titre > option").each(function() {
		if($(this).text() == civilite)
			$(this).attr('selected', 'selected');            
		else
			$(this).removeAttr('selected');
	});
});
$('#bouton2').click(function() {
	var civilite = "Madame"; //alert(civilite);
	$("#titre > option").each(function() {
		if($(this).text() == civilite)
			$(this).attr('selected', 'selected');            
		else
			$(this).removeAttr('selected');
	});
});
$('#check').click(function() {
	if (c != '') {
		$('#check0').attr('checked', true);
		c = '';
		$('#check').val('Décocher');
		}
	else {
		$('#check0').attr('checked', false);
		c = 'X';
		$('#check').val('Cocher');
		}
});

});