jQuery表单复选框与单选框美化特效-精品资源网

jQuery表单复选框与单选框美化特效是一款支持删除重新选择的单选按钮和多选按钮美化插件。

js代码

<script type=\"text/javascript\">
    $(\"#test\").multiselectInit({
        \"selectData\":[{\"colId\":1,\"colValue\":\"苹果\"},{\"colId\":2,\"colValue\":\"香蕉\"},{\"colId\":3,\"colValue\":\"菠萝\"},{\"colId\":4,\"colValue\":\"西瓜\"},{\"colId\":5,\"colValue\":\"甘蔗\"}],
        \"isMulti\":true,//是否多选
        \"inputId\":\"testValue\",//输入框的id
        \"checkStyle\":\"fg\"//选择的样式
    });
    $(\"#test2\").multiselectInit({
        \"selectData\":[{\"colId\":1,\"colValue\":\"苹果\"},{\"colId\":2,\"colValue\":\"香蕉\"},{\"colId\":3,\"colValue\":\"菠萝\"},{\"colId\":4,\"colValue\":\"西瓜\"},{\"colId\":5,\"colValue\":\"甘蔗\"}],
        \"isMulti\":false,//是否多选
        \"inputId\":\"testValue2\",//输入框的id
        \"checkStyle\":\"yx\"//选择的样式
    });
    $(\"#test3\").multiselectInit({
        \"selectData\":[{\"colId\":1,\"colValue\":\"苹果\"},{\"colId\":2,\"colValue\":\"香蕉\"},{\"colId\":3,\"colValue\":\"菠萝\"},{\"colId\":4,\"colValue\":\"西瓜\"},{\"colId\":5,\"colValue\":\"甘蔗\"}],
        \"isSelectData\":[{\"colId\":1,\"colValue\":\"苹果\"},{\"colId\":2,\"colValue\":\"香蕉\"},{\"colId\":3,\"colValue\":\"菠萝\"}],
        \"isMulti\":true,//是否多选
        \"inputId\":\"testValue3\",//输入框的id
        \"checkStyle\":\"fx\"//选择的样式
    });
</script>