#main-slider {
width: 100%;
}
.item {
position: relative;
}
img{
display: block;
width: 100%;
height: auto;
}
.slide-caption{
color: $white-color;
font-family: Myriad Pro;
font-size: 62px;
display: block;
left: 0;
top: 0;
position: absolute;
}
.slide-text{
line-height: 55px;
width: 42%;
color: $white-color;
font-family: Segoe UI;
font-size: 57px;
font-weight: bold;
text-transform: uppercase;
position: absolute;
top: 124px;
right: 317px;
}
}
}<input type="radio" name="first" value="1" >
<input type="radio" name="first" value="2" >
<input type="radio" name="second" value="1" >$(document).ready(function () {
var inputBoxfirst = $("input[type=radio]");
var inputBoxsecond = $("input[name=second]");
inputBoxfirst.click(function(){
if($(this).val()==1) {
inputBoxsecond.prop('checked', true);
}
else{
inputBoxsecond.prop('checked', false);
}
});
});